pc端大部份是用px單位，小部分用em單位，而移動端，請全部用rem單位吧。目前大部份裝置，包括但不限於ios 5+、android 2.3+、window phone 8+都是可以相容的，具體相容表請看caniuse。
rem是什麼意思呢？css手冊上的說明：相對長度單位，相對於根元素（即html元素）font-size計算值的倍數。
rem用法很簡單，就是根標籤html設定文字大小後（不設定的話，大部份瀏覽器預設為16px），其他標籤設定rem都是html大小的倍數。
html那為什麼移動端要使用em作為單位？一是我開始提到的，移動端大部份都支援，不需要考慮相容問題；二是修改起來靈活。如果你要整個網頁字型都變大兩倍，直接修改html即可。當然還有人提到適合網頁縮放，我從未用過這個功能。。。h1
如果只介紹這點東西，網上一搜一大堆，我也就不會寫這篇文章了。關鍵是大規模使用中遇到bug了，而且是蛋疼的原生chrome。。。ios平台的chrome沒問題，據說ios裡的所有瀏覽器都是殼。。。
CSS3 移動端meta元標籤
分類 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name 1 http equiv 屬性的 content type 值 顯示字符集的設定 語法如下 該 meta 標籤定義了 html 頁面所使用的字符集為 utf 8 就是萬國碼。設定編碼格式語法 以上為h...
CSS3 移動端meta元標籤
內容 meta 標籤分兩大部分 http 標題資訊 http equiv 和頁面描述資訊 name http 標題資訊 http equiv 屬性的content type 值 顯示字符集的設定 說明 設定頁面使用的字符集，用以說明主頁製作所使用的文字語言，瀏覽器會根據此來呼叫相應的字符集顯示 pa...
CSS3動畫屬性簡單介紹
css3的動畫屬性 下面的 列出了 keyframes 規則和所有動畫屬性 屬性 描述 css keyframes 規定動畫。3 animation 所有動畫屬性的簡寫屬性，除了 animation play state 屬性。3 animation name 規定 keyframes 動畫的名稱。...