css的vm,vm · CSS 3 中文手册 · 看云

[CSS参考手册](http://css.doyoe.com/)»[单位列表](#)»[长度单位](#)»

相关内容：

[**其它长度单位参考**选择其它项](#)

- [em](#)

- [ex](#)

- [ch](#)

- [rem](#)

- [vw](#)

- [vh](#)

- [vm](#)

- [cm](#)

- [mm](#)

- [in](#)

- [pt](#)

- [pc](#)

- [px](#)

# vm

- **版本：CSS3**

### 说明：

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

- CSS3中已经定义了[min()](#)函数，所以vm最终是否会纳入W3C标准还不确定。

-

**示例代码：**

~~~

h1{font-size:8vm;}

~~~

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

### 兼容性：

- 浅绿 = 支持

- 红色 = 不支持

- 墨绿 = 部分支持

- 橙色 = 实验性质

支持版本\类型	IE	Firefox	Safari	Chrome	Opera
版本	6.0-8.0	4.0-9.0	5.1	13.0-16.0	11.50-11.60
版本	9.0

### 示例：

相对于viewport的宽度或高度中较小的那个然后计算文字大小。

Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved