了解：
首先先了解四個字型單位：px em pt rem
px：單位名稱為畫素，相對長度單位，畫素（px）是相對於顯示器螢幕解析度而言的，國內推薦；
em：單位名稱為相對長度單位。相對於當前物件內文字的字型尺寸，國外使用比較多；
pt：全稱為point，但中文不叫「點」，確切的說法是乙個專用的印刷單位「磅」，大小為1/72英吋。所以它是乙個自然界標準的長度單位，也稱為「絕對長度」。
rem：是css3新引進來的乙個度量單位，也是乙個相對單位，這個單位與em區別在於，使用rem為元素設定字型大小時相對的只是html根元素。這個單位可謂集相對大小和絕對大小的優點於一身，通過它既可以做到只修改根元素就成比例地調整所有字型大小，又可以避免字型大小逐層復合的連鎖反應。
rem的相容性：除了ie8及更早版本外，所有瀏覽器均已支援rem。不支援的瀏覽器應對方法：就是多寫乙個絕對單位的宣告，這些瀏覽器會忽略用rem設定的字型大小
選擇：移動端html5手機**字型單位font-size選擇px還是rem
分為兩種情況
1.對於只需要適配pc裝置，使用px就可以了
2.對於需要適配各種移動裝置，使用rem，例如只需要適配iphone和ipad等解析度差別比較挺大的裝置。
使用方法：
任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1rem=16px。那麼12px=0.75rem,10px=0.625rem。為了簡化font-size的換算，需要在css中的body選擇器中宣告font-size=62.5%，這就使em值變為 16px*62.5%=10px, 這樣12px=1.2rem, 10px=1rem, 也就是說只需要將你的原來的px數值除以10，然後換上em作為單位就可以了。
html
body
p
html
@media only screen and (min-width: 481px)
}@media only screen and (min-width: 561px)
}@media only screen and (min-width: 641px)
}
什麼時候用
使用了rem的頁面
CSS單位（字型）
px px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。emem是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。引自css2.0手冊 任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合 1em...
CSS字型單位
在css樣式中，當文字縮放的時候使用font size屬性是最難以理解的方面之一。在css中，你有4種不同的選擇，能夠讓你設定文字在瀏覽器中的展示。那麼這4種單位哪一種更適合呢？這個問題引發了各種各樣不同的爭論和評價。想要找到乙個比較權威的回答可能比較困難，因為這個問題比較難回答。ems em em...
css字型單位大小
這裡引用的是jorux的 95 的中國 需要重寫css 的文章，題目有點嚇人，但是確實是現在國內網頁製作方面的一些缺陷。我一直也搞不清楚px與em之間的關係和特點，看過以後確實收穫很大。平時都是用px來定義字 體，所以無法用瀏覽器字型放大的功能，而國外大多數 都可以在ie下使用。因為 1.ie無法調...