vh

说明:

相对于视口的高度。视口被均分为100单位的vh

示例代码:

h1 { font-size: 8vh; }

如果视口的高度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x200)/100

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
IE Edge Firefox Chrome Safari Opera iOS
Safari
Android
Browser
Blackberry
Browser
Opera
Mobile
Chrome
for
Android
Firefox
for
Android
IE
Mobile
UC
Browser
for
Android
Samsung
Internet
QQ
Browser
Baidu
Browser
5.5-8 12-15 2-18 4-19 3.1-5.1 9-12.1 3.2-5.1 2.1-4.3 7 10-12.1 61 56 10-11 11.4 4+ 1.2 7.12
9-11 16 19+ 20-25 6 15+ 6.0-7.1 4.4+ 10 37
26+ 6.1+ 8+
  1. 通过selectivizr,除Opera Mini外,上表中的浏览器(包括IE6+)均可支持。本页下方的示例已使用此方案。

示例: