如何在html中获取用户设备的高度

Question

如何找到用户设备的高度来优化元素的高度？

以下是我的CSS

section.sr {
    margin:0;
    padding:0;
    background-image:  url(../images/simulation-1-waterfall.jpg);
    margin-top: 0;
    padding: 25px 35px 30px;
    height: 100%;
}

Answer 1

您可以使用视口高度和宽度单位：vh和vw，因此100vh等于视口高度的 100%。

解决办法是：

section.sr {
    margin:0;
    padding:0;
    background-image:  url(../images/simulation-1-waterfall.jpg);
    margin-top: 0;
    padding: 25px 35px 30px;
    height: 100vh;
}