CSS3单位

相对于字体的单位###

em####

相对单位，参考物是父元素的font-size，浏览器的默认值是16px，那么1em = 16px。

body {
    font-size: 62.5%;
}
// 这样之后 1em = 10px 

ex与ch####

这两个单位时根据 **当前font-family **的相对单位。

ch 字符0的宽度
ex 小写字符x的高度

当font-family改变的时候这两个单位的值也会变化，不同字体表现的样式不一样。

rem####

rem支持IE9及以上，意思是相对于根元素html（网页），不会像em那样，依赖于父元素的字体大小，而造成混乱。

相对于窗口的单位###

vh和vm####

vw Viewport宽度， **1vw **等于viewport宽度的1%
vh Viewport高度， **1vh **等于viewport高的的1%

vmin与vmax####

IE10+ 和现代浏览器都已经支持vmin
webkit浏览器之前不支持vmax，新版已经支持，所有现代浏览器已经支持，但是IE **全部 **不支持vmax

vmin vw和vh中比较 小 的值
vmax vw和vh中比较 大的值

绝对单位###

in、cm、mm、pt、pc####

1in = 2.54cm = 254mm = 6pc = 72pt

q####

mozmm####