Html 图像高度可根据屏幕高度进行调整

所以我有一个图像背景，我想让它填充屏幕的高度，这取决于屏幕大小、笔记本电脑、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;
}

---

别客气！我已经回答了我自己的问题

对于其他感兴趣的人，我只使用

高度：100vh

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

我改为80vh，因为20%的屏幕是由nav拍摄的。这很有效。

试试这个：-

background-size: cover;
background-position: center;

---

或使用

高度：100%
高度：100vh
=视口高度的100%<代码>高度：100%

=父元素高度的100%。它们略有不同…这是唯一的例子，我们可以使用80%或其他任何人。但请记住，html的body标记必须具有

width:100%；身高：100%背景尺寸：封面；试试这个。这会对你有帮助的谢谢你的帮助，但对我的特殊问题没有帮助！现在解决了：）