最近在做移動端的網頁，類似於web app的小應用。發現文字大小這塊開始的時候不知道改怎麼設定。查了網上的質料，發現有些用px單位，有些用em單位的，但是少部分用的是rem單位。
而我做的是使用jQUery mobile 框架來弄的。所以使用em作爲單位。當然有時候在處理距離的時候還是用了px單位。也用了%單位，和em單位。
我大概認爲的幾點：如果是以這個文字大小的話，body{ font-size:62.5%;} ,那麼 12px=1.2em; 1em=16px; 做移動端的話就不需要引入頭部：
相反的，如果頁面的頭部引入了上面的，那麼我認爲設置字體大小爲：body{ font-size:100%;} 然後針對p:1em; 等設置字體大小。但是可能會看到當屏幕分辨率變大的時候，想要字體也出現隨着屏幕分辨率變大的話，那麼就需要多媒體設置：如下：
@media screen and (max-width:360px){body{font-size:12px}}
@media screen and (min-width:360px){body{font-size:13px}}
@media screen and (min-width:400px){body{font-size:15px}}
@media screen and (min-width:480px){body{font-size:18px}}
@media screen and (min-width:560px){body{font-size:20.5px}}
@media screen and (min-width:600px){body{font-size:22.25px}}
@media screen and (min-width:640px){body{font-size:24px}}
這樣文字大小會隨着屏幕分辨率的變化而變化。注意：如果你的單位是定位px的話，那麼久固定死大小了，不會隨着屏幕分辨率變化變化。應該用em或者是rem的話字體大小就會響應式變化。
在做移動頁面的時候注意了：設計師給你ui圖。要根據ui圖的大小範圍來做。而且文字大小也要根據ui圖的文字大小來做。如果ui圖是640px的話，那麼你就要按照320px的來做。距離間距的都要縮小一半。文字大小也要縮小一半。注意ui圖的單位是px。所以要回轉換成em。或者rem。
1em=16px， 10px=1.5rem單位來換算。技術px轉換成em的基點是16