图像高度调整为屏幕高度

Question

因此，我有一个图像背景，我希望它能填满屏幕的高度，具体取决于屏幕尺寸，笔记本电脑，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/

Answer 1

没关系！我已经回答了我自己的问题！

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

高度：100vh；

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

我将其更改为80vh，因为导航占用了20％的屏幕。这很好。