基于身高的媒体查询
Media queries based on height
我有一个网站，其中包含一个 header 图片，我想在所有屏幕上占屏幕高度的 70%，在剩余的 space 我想打印一些文本。
我应该使用 javascript 还是应该使用 media-queries？
在哪里可以找到我必须为其编写媒体查询的标准 height 参数？我找到了基于 width here.
的标准分辨率
有一个 vh 适合您。 1vh 等于浏览器视口的 1%。因此，如果您设置 header{height:70vh;}，它将使用用户可以看到的 70%。
额外的相对长度：
相对长度不仅仅是 vh。有：
vh - 相对于视口高度的 1%vw - 相对于视口宽度的 1%vmin - 相对于视口较小尺寸的 1%vmax - 相对于视口较大尺寸的 1%
所有浏览器都支持这些长度，https://caniuse.com/#feat=viewport-units。
我有一个网站，其中包含一个 header 图片，我想在所有屏幕上占屏幕高度的 70%，在剩余的 space 我想打印一些文本。
我应该使用 javascript 还是应该使用 media-queries？
在哪里可以找到我必须为其编写媒体查询的标准 height 参数？我找到了基于 width here.
的标准分辨率有一个 vh 适合您。 1vh 等于浏览器视口的 1%。因此，如果您设置 header{height:70vh;}，它将使用用户可以看到的 70%。
额外的相对长度：
相对长度不仅仅是 vh。有：
vh- 相对于视口高度的 1%vw- 相对于视口宽度的 1%vmin- 相对于视口较小尺寸的 1%vmax- 相对于视口较大尺寸的 1%
所有浏览器都支持这些长度，https://caniuse.com/#feat=viewport-units。