vmin

说明:

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

示例代码:

h1 { font-size: 8vm; font-size: 8vmin; }

如果视口的宽度是300mm,高度是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. IE9仅支持使用 vm 代替vmin
  2. 通过selectivizr,除Opera Mini外,上表中的浏览器(包括IE6+)均可支持。本页下方的示例已使用此方案。
  3. 不使用selectivizr时,IE9下仅支持使用 vm 代替vmin

示例: