我有一个网站，其中包含一个标题图片，我希望在所有屏幕上显示70％的屏幕高度，以及我想要打印一些文字的剩余空间。
我应该使用javascript还是应该使用媒体查询？
在哪里可以找到我必须编写媒体查询的标准高度参数？我找到了基于宽度 here的标准分辨率。
答案 0 :(得分：4)
有vh可供您使用。 1vh等于浏览器视口的1％。因此，如果您设置header{height:70vh;}，它将使用用户可以看到的70％。
其他相对长度：
相对长度不仅仅是vh。有：
vh - 相对于视口高度的1％vw - 相对于视口宽度的1％vmin - 相对于视口较小尺寸的1％vmax - 相对于视口较大尺寸的1％所有浏览器https://caniuse.com/#feat=viewport-units都支持这些长度。