相对于字体的单位###
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
