詳解CSS中（px em rem）區別與使用

最近在學習字型時遇到字型大小的設定，font-size單位可以是px或em或rem，那麼這幾種單位都有什麼區別呢，該如何使用呢？

px是像素映像的基本採樣單位，相對於顯示器螢幕解析度而已的，什麼是一個像素呢，你把一張圖一直放大，會看到一個個小的方格子，一個方格子就是一個像素。瀏覽器預設的字型大小是16px。
px的特點是：字型大小寫死固定了，是固定值，老版本IE無法縮放字型，但現在基本上都不用管低版本的IE。所以一般情況都會使用這種單位，夠精確。
em是一個相對單位表示相對於其父親元素字型的大小而言，可以是小數，整數。比如父元素字型大小是16px,則1em就是16px,2em就是32px。
em的特點是：不是固定值，它的值會隨著父字型大小而變化。 使用情境：噹噹前元素的內外邊距需要與當前字型大小成比例時，可以使用em。
rem也是一個相對單位與em的區別是，他是相對於根項目而言的，這樣在使用計算時就比em簡單方便多了，因為他的參考值就是根項目子圖大小，瀏覽器預設的是16px。
rem的特點是：相對於根項目字型大小，計算方便。可以通過控制html根字型大小來改變整個頁面字型大小，是頁面在哥尺寸的移動端自適應。

簡單的學習筆記，便於日後複習，如有錯誤不足之處，希望各位指教。