px
絕對單位，頁面按精確像素展示
em
相對單位，相對于父元素的font-size，具有繼承性，如果自身設置了font-size按照自身計算（瀏覽器默認字體是16px，即使1em=16px），整個頁面內(nèi)1em不是一個固定的值。
例如父元素font-size:12px
自身元素設置成：font-size:2em；則自身元素字體就是24px（相對于父元素字體大小）；
但是自身元素設置：width:2em，則自身元素就是48px寬度（相對自身字體大?。?/p>
rem
相對單位，相對于根元素html的font-size。
vw
viewpoint width的縮寫，視窗寬度，1vw=視窗寬度的1%。
舉個例子：瀏覽器寬度1200px，1vw=12px
vh
viewport height的縮寫，視窗高度，1vh=視窗高度的1%。
舉個例子：瀏覽器高度900px，1vh=9px
vmin
取vm 和vh 較小的那個
vmax
取vm 和vh 較大的那個
常見問題
問題1：為什么一開始在css樣式中給body設置font-size：62.5%？
答：
font-size=62.5%，1em= 62.5%*16px=10px，有利于換算
問題2：在谷歌瀏覽器運行以下代碼，1em是顯示多大的字體？
body{
font-size: 62.5%;
}
p{
font-size:1em; /*我的字體是多大？*/
}
答：
谷歌強制最小字體12px，雖然設置成10px，最終都會顯示12px。
即使把html的font-size設置成10px，子元素rem還是以12px為基準進行計算。
