Media Queries: height

  • 版本：CSS3
  • 2018.5.10

语法：

height：<length>

接受min/max前缀：是

取值：

<length>：
用长度值来指定页面可见区域高度。不允许负值

说明：

定义输出设备中的页面可见区域高度。
  • 与盒模型height不同，媒体特性height的取值只能是 <length>。
  • 本特性接受min和max前缀，因此可以派生出min-height和max-height两个媒体特性。

    简单列举几个应用示例：

    @media (min-height: 400px){ … } @media screen and (height: 600px){ … } @import url(example.css) screen and (height: 800px);

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
9.0#1
10.0+
  1. 使用height作为媒体查询条件，是包含滚动条在内的

示例：

相关文章
css media typescss heightcss max heightcss min heightcss aspect ratio of media queriescss color index of media queriescss color of media queriescss device aspect ratio of media queriescss device height of media queriescss device pixel ratio of media queriescss device width of media queriescss grid of media queriescss height of media queriescss media queries indexcss monochrome of media queriescss orientation of media queriescss resolution of media queriescss scan of media queriescss width of media queriescss line height
关注编程学问公众号