px，em，rem都是描述螢幕上大小的單位。
px，是指螢幕上的畫素單位，不同尺寸的螢幕上，1px的大小不同。
em，則是相對而言的單位。現代瀏覽器預設字型為16px，則1em=16px，那麼設定某字型大小為0.8em，則0.8em=16px * 0.8=12.8px；所以em的值並不固定，且em具有繼承性，能夠繼承父元素的大小。例如：
宣告div中的字型為0.5em，預設16px情況下div中內容為8px，那麼此時p標籤的font-size，它的1em=8px，而不再是16px。
那麼問題就來了，在多層巢狀下，em的相對計算就會變得很麻煩。為了解決這樣的問題，rem誕生了。
rem，(root em)從名字可以開出來，說白了還是em，只不過是相對於根元素html的而言的單位。這就沒有了em的那些複雜的繼承問題。除了老版本的瀏覽器外，各大瀏覽器的最新版本基本都已經支援rem了，對於無法支援的舊版瀏覽器，也只需要多寫個px上去就好了，例如：
p
px em rem 的區別學習
國內的設計大師都喜歡用px，而國外的 大都喜歡用em和rem，那麼三者有什麼區別，又各自有什麼優劣呢？px畫素 pixel 相對長度單位。畫素px是相對於顯示螢幕解析度而言的。引自css2.0手冊 em是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏...
css的px,em,rem的區別
一。px特點 1.ie無法調整那些使用px作為單位的字型大小 2.國外的大部分 能夠調整的原因在於其使用了em或rem作為字型單位 3.firefox能夠調整px和em，rem，但是96 以上的中國網民使用ie瀏覽器 或核心 px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的...
css中px，em，rem的區別
px，指畫素，相對長度單位，是相對於螢幕解析度而言的 特點 比較穩定和精確 ie無法調整使用px作為單位的網頁的字型大小 em，相對長度單位，相對於其父級定義的大小 特點 em的值並不是固定的 em會繼承父級元素的字型大小，如果父級沒有設定，會繼續向上尋找，直到瀏覽器的預設字型大小 舉例 明天會更好...