html – 图像高度调整到屏幕高度

概述所以我有一个图像背景,我希望它根据屏幕尺寸,笔记本电脑,ipad,手机等填充屏幕的高度. 我希望高度调整到屏幕高度. .mobile-cover { background: url(http://hdwallpaperbackgrounds.net/wp-content/uploads/2016/08/Modern-wallpaper-10.jpg) center top; bac 所以我有一个图像背景,我希望它根据屏幕尺寸,笔记本电脑,ipad,手机等填充屏幕的高度.

我希望高度调整到屏幕高度.

.mobile-cover {    background: url(http://hDWallpaperbackgrounds.net/wp-content/uploads/2016/08/Modern-wallpaper-10.jpg) center top;    background-position-x: 50%;    border: red 0px solID;    wIDth: 100%;    visibility: visible;    height: 600px;}

https://jsfiddle.net/tz2erwch/

解决方法 没关系！我已经回答了我自己的问题！

对于任何感兴趣的人我都会使用

height: 100vh;

其中一个1vh等于视口高度的1％.

我改为80vh,因为20％的屏幕是由nav拍摄的.这很好用.

总结

以上是内存溢出为你收集整理的html – 图像高度调整到屏幕高度全部内容，希望文章能够帮你解决html – 图像高度调整到屏幕高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。