【2018/2/27更新】
提供一個直觀效果工具，包含代碼實現(xiàn)湃累。 各單位對比效果
# px
絕對單位友雳，頁面按精確像素展示
【注】也有認為是相對單位妄讯，相對于顯示器屏幕分辨率而言的晴叨。譬如涂召，windows的用戶所使用的分辨率一般是96像素/英寸舟陆。而mac的用戶所使用的分辨率一般是72像素/英寸误澳。
# em
相對單位，基準點為父節(jié)點字體的大小秦躯，如果自身定義了font-size按自身來計算（瀏覽器默認字體是16px）忆谓，整個頁面內(nèi)1em不是一個固定的值
# rem
相對單位，可理解為”root em”, 相對根節(jié)點html的字體大小來計算踱承，CSS3新加屬性倡缠，chrome/firefox/IE9+支持
# %
百分比哨免，占最近父元素的百分比大小
# vw
viewpoint width，視窗寬度昙沦，1vw等于視窗寬度的1%
# vh
viewpoint height琢唾，視窗高度，1vh等于視窗高度的1%
# vmin
vw和vh中較小的那個
# vmax
vw和vh中較大的那個
# in?
絕對單位盾饮，寸 / 英寸（大致情況如下）
# cm
絕對單位采桃，厘米 （大致情況如下）
# mm
絕對單位，毫米 （情況如下）
# pt
點(Point)丘损，絕對長度單位普办。大約1/72寸? （10pt 大約為 13px）
# pc
派卡(Pica)，絕對長度單位徘钥。1in = 2.54cm = 25.4 mm = 72pt = 6pc
# ex
取當前作用效果的字體的x的高度衔蹲，在無法確定x高度的情況下以0.5em計算。(IE11及以下均不支持呈础，firefox/chrome/safari/opera/ios safari/android browser4.4+等均需屬性加么有前綴)
# ch
以節(jié)點所使用字體中的“0”字符為基準舆驶，找不到時為0.5em(ie10+,chrome31+,safair7.1+,opera26+,ios safari 7.1+,android browser4.4+支持)
