CSS3 长度单位 vm

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

说明:

相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vm
  • CSS3中已经定义了min()函数,所以vm最终是否会纳入W3C标准还不确定。
  • 示例代码:

    h1{font-size:8vm;}

    如果视口的宽度是300mm,高度是200mm,那么上述代码中h1元素的字号将为16mm,即(8x200)/100,因为高度比宽度要小,所以计算的时候相对于高度。

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6-8 4-9 5.1.7 13-16 11.5-11.6
版本 9

示例: