vmax

说明:

相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax

示例代码:

h1 { font-size: 8vmax; }

如果视口的宽度是300mm,高度是200mm,那么上述代码中h1元素的字号将为24mm,即(8x300)/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+)均可支持。本页下方的示例已使用此方案。

示例: