首先要記住網頁中常規字型的大小為16px。
px是用來設定字型的絕對大小。通常為用於物理值的設定。我們在網際網路上看到的常規字型大小為16px。而em是指相對於父元素的大小。1em是父元素的1倍，2em就是大小為父元素的2倍。當前，一般情況下，父元素的預設字型為16px。所以通常會認為1em = 16px。
絕大多數瀏覽器都支援更改網頁的字型大小，例如chrome瀏覽器就是CTRL和'+'同時按下，放大字型。同理CTRL+‘-’就是縮小字型。或者CTRL+滾輪。但是IE無法調整那些使用px作為單位的字型大小。而國外的大部分網站都採用em作為字型大小。
| px | em |
|---|---|
| px畫素(Pixel)是絕對長度單位，畫素px是相對於顯示器螢幕解析度而言的。 | em是相對長度單位，相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸(16px)。 |
| px是絕對單位，不支援IE8以下的縮放。但是FireFox，Chrome和IE8以上都支援。 | em是相對單位，網頁中的文字能放大和縮小。將行距(line-height)，和縱向高度的單位都用em。保證縮放時候的整體性。 |
| px 寬度常用在圖片寬度的定義等絕對定義的場合，使用 px 設計的網頁不會因為父元素的大小而改變，這樣可以保證設計的精確度。 | 中文文章的段落首行縮排兩個字元直接使用 p {text-indent: 2em} 就行。在其他需要依字型大小來設定寬高度，大小的使用 em 也是比較方便的。 |