说明:
相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin
示例代码:
h1 {
font-size: 8vm;
font-size: 8vmin;
}
如果视口的宽度是300mm,高度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x200)/100,因为高度比宽度要小,所以计算的时候相对于高度。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0-8.0 | 2.0-18.0 | 4.0-25.0 | 3.1-5.1 | 15.0+ | 3.2-5.1 | 2.1-4.3 | 18.0-25.0 |
9.0+ #1 | 19.0+ | 26.0+ | 6.0+ | 6.0+ | 4.4+ | 26.0+ |
- IE9仅支持使用 vm 代替vmin