javascript - 如何设置元素相对于屏幕尺寸的高度

Question

我想将height元素的 设置为全屏模式尺寸的百分比，以便当浏览器窗口较小时，高度不会改变。

标签： javascripthtmlcssfullscreenviewport-units

Answer 1

运算符%是动态的，它会根据屏幕的宽度或高度而变化，因此如果您希望长度可能不会改变，您可以使用px或pt什至rem（但这取决于根元素的大小）

height:100%;

2021 年更新

您可以使用vh（视口高度）这将自动调整到屏幕高度

height:100vh;