移動端尺寸單位的區別：px、em和rem

px是固定像素，沒法適應流佈局，通常高度以px設置，web app版寬度以使用rem。

em是指相對於父元素的字體大小的單位 ；由於它是相對於父元素的字體大小的單位，那若是你要設置一個元素的寬度，高度，那麼就得去看他父級的大小，若是父級也是em單位，你又得去找他的父級，得一層層計算，才能獲得準確的像素值。

rem的出現 使不少 移動端的自適應獲得了改變，由於 rem是指相對於根元素的字體大小的單位；只要根據屏幕大小設置Html根上的font-size大小，以rem爲單位的元素大小會相應改變。

@media only screen { html { font-size: 30px; } }
@media only screen and (max-width: 479px) and (min-width: 321px) { html { font-size: 15px; } }
@media only screen and (max-width: 320px) { html { font-size: 13px; } }

　　

 移動端尺寸單位區別：

http://tgideas.qq.com/webplat/info/news_version3/804/7104/7106/m5723/201509/376281.shtml