90_css笔记6_css的单位汇总

一，绝对长度

绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）

1. cm    厘米    
2. mm    毫米    
3. in    英寸 (1in = 96px = 2.54cm)  
4. px    pixel 像素 (1px = 1/96th of 1in)   
5. pt    point，大约1/72英寸； (1pt = 1/72in)    
6. pc    pica，大约6pt，1/6英寸； (1pc = 12 pt)

二，相对长度

相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。

1. em    它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px；   
2. ex    依赖于英文子母小 x 的高度    
3. ch    数字 0 的宽度    
4. rem    根元素（html）的 font-size    
5. vw    viewpoint width，视窗宽度，1vw=视窗宽度的1%    
6. vh    viewpoint height，视窗高度，1vh=视窗高度的1%    
7. vmin    vw和vh中较小的那个。    
8. vmax    vw和vh中较大的那个。   
9. %     占用父类的百分比

三，浏览器支持的相对长度和绝对长度情况

下表中的数字表示支持该长度单位的最低浏览器版本。

长度单位	Chrome	IE	Firefox	Safari	Opera
em, ex, %, px, cm, mm, in, pt, pc	1.0	3.0	1.0	1.0	3.5
ch	27.0	9.0	1.0	7.0	20.0
rem	4.0	9.0	3.6	4.1	11.6
vh, vw	20.0	9.0	19.0	6.0	20.0
vmin	20.0	9.0*	19.0	6.0	20.0
vmax	26.0	不支持	19.0	不支持	20.0

注意: Internet Explorer 9 通过不标准的名称 vm 来支持 vmin 。