css3中的一些特別的單位：em、rem、vw、vh、vmin、vmax

em：相對父元素的單位。例：父節點font-size：20px；子節點font-size：1em；（即子節點爲20px）。

rem ：相對於根節點（html的字體大小）的單位。在不設定html字體大小時，會獲取流浪器的默認字體大小。例：font-size:1rem;即元素的字體大小爲1倍的流浪器默認字體大小。另外需注意chrome強制最小字體爲12px，即便設置成 10px 最終都會顯示成 12px，當把html的font-size設置成10px,子節點rem的計算仍是以12px爲基準。

vw：相對於視窗寬度（viewpoint width）。如：height：100vw；且此時的視窗寬爲200px，則height：（100*200）/100。

vh：相對於視窗寬高度（viewpoint height）。與vm同理。

vmin：vw和vh中較小的那個。

vmax：vw和vh中較大的那個。

 

vw, vh, vmin, vmax流浪器支持狀況說明：IE9+局部支持，chrome/firefox/safari/opera支

持，iOS safari 8+支持，Androidbrowser4.4+支持，chrome for android39支持

css中的一些其餘單位：

in：英寸

cm：釐米

mm：毫米

ex：一個 ex 是一個字體的 x-height。 (x-height 一般是字體尺寸的一半,在沒法肯定x-height

        的狀況下以0.5em計算)

pt：磅 (1 pt 等於 1/72 英寸)

pc：12 點活字 (1 pc 等於 12 點)

ch:以節點所使用字體中的「0」字符爲基準。找不到時爲

      0.5em(ie10+,chrome31+,safair7.1+,opera26+,ios safari 7.1+,android browser4.4+支持)

px：像素 (計算機屏幕上的一個點)