相對于字體的單位###
em####
相對單位，參考物是父元素的font-size，瀏覽器的默認(rèn)值是16px，那么1em = 16px。
body {
font-size: 62.5%;
}
// 這樣之后 1em = 10px
ex與ch####
這兩個單位時根據(jù) **當(dāng)前font-family **的相對單位。
ch 字符0的寬度
ex 小寫字符x的高度
當(dāng)font-family改變的時候這兩個單位的值也會變化，不同字體表現(xiàn)的樣式不一樣。
rem####
rem支持IE9及以上，意思是相對于根元素html（網(wǎng)頁），不會像em那樣，依賴于父元素的字體大小，而造成混亂。
相對于窗口的單位###
vh和vm####
vw Viewport寬度， **1vw **等于viewport寬度的1%
vh Viewport高度， **1vh **等于viewport高的的1%
vmin與vmax####
IE10+ 和現(xiàn)代瀏覽器都已經(jīng)支持vmin
webkit瀏覽器之前不支持vmax，新版已經(jīng)支持，所有現(xiàn)代瀏覽器已經(jīng)支持，但是IE **全部 **不支持vmax
vmin vw和vh中比較 小 的值
vmax vw和vh中比較 大的值
絕對單位###
in、cm、mm、pt、pc####
1in = 2.54cm = 254mm = 6pc = 72pt
