單位：px，em，rem
對於可以隨螢幕大小而自適應的螢幕內容，不用**查詢，可以通過使用相對單位rem
px：表示pixel，畫素是相對於顯示器螢幕解析度而言的相對長度單位。pc端使用px倒也無所謂，可是在移動端，因為手機解析度種類頗多，不可能乙個個去適配，這時px就顯得非常無力，所以就要考慮em和rem。
em：繼承父級的，假設html的font-size預設為16px，body字型大小定義為50%，那麼在body裡字型大小就是1em=8px了。可當你又定義了乙個div，然後把字型設定成了50%，請問，現在div下的1em等於多少？因為繼承了父級的值，現在這個div裡的1em=4px，這麼巢狀下去的話，抱歉，我數學不好！所有rem就出現了。
rem：是em的公升級版，rem只會相對html的值，不會受到父級的影響，這樣的好處在於：從em裡的例子來講，1rem始終會等於8px。使用的時候不需要重新計算rem此時的大小。rem因為是css3增加的，所以ie8或以下請無視（始終想不明白，為什麼國人至今對微軟都放棄的ie這麼戀戀不捨）。
pt：pt表示point，點是乙個標準的長度單位，1pt＝1/72英吋，用於印刷業，非常簡單易用。
使用rem注意：
在html內規定font-size大小，一般用1rem=10px或1rem=100px；
根據螢幕大小動態定義
rem大小：
(function ()
initfont();
$(window).resize(function() )
})(window);
自己用過的總結一下。
CSS單位（字型）
px px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。emem是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。引自css2.0手冊 任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合 1em...
css字型單位
了解 首先先了解四個字型單位 px em pt rem px 單位名稱為畫素，相對長度單位，畫素 px 是相對於顯示器螢幕解析度而言的，國內推薦 em 單位名稱為相對長度單位。相對於當前物件內文字的字型尺寸，國外使用比較多 pt 全稱為point，但中文不叫 點 確切的說法是乙個專用的印刷單位 磅 ...
CSS字型單位
在css樣式中，當文字縮放的時候使用font size屬性是最難以理解的方面之一。在css中，你有4種不同的選擇，能夠讓你設定文字在瀏覽器中的展示。那麼這4種單位哪一種更適合呢？這個問題引發了各種各樣不同的爭論和評價。想要找到乙個比較權威的回答可能比較困難，因為這個問題比較難回答。ems em em...