1、px是相對長度單位，它是相對於顯示器屏幕解析度而言的。 優缺點：比較穩定和精確，但在瀏覽器中放大或縮放瀏覽頁面時會出現頁面混亂的情況。 2、em是相對長度單位，EM是相對於父元素來設計字體大小的。如果當前對行內文本的字體尺寸未被人為設置，則相對於瀏覽器的預設字體尺寸。 優缺點：em的值並不是固定 ...
1、px是相對長度單位，它是相對於顯示器屏幕解析度而言的。
優缺點：比較穩定和精確，但在瀏覽器中放大或縮放瀏覽頁面時會出現頁面混亂的情況。
2、em是相對長度單位，EM是相對於父元素來設計字體大小的。如果當前對行內文本的字體尺寸未被人為設置，則相對於瀏覽器的預設字體尺寸。
優缺點：em的值並不是固定的，它會繼承父級元素的字體大小。
3、rem是CSS3新增的一個相對單位，REM是相對單位，是相對HTML根元素。
這個單位可謂集相對大小和絕對大小的優點於一身，通過它既可以做到只修改根元素就成比例地調整所有字體大小，又可以避免字體大小逐層複合的連鎖反應。
瀏覽器的相容性
除了IE6-IE8r，其它的瀏覽器都支持em和rem屬性，px是所有瀏覽器都支持。
參考：1、https://www.w3cplus.com/css3/define-font-size-with-css3-rem
2、http://caibaojian.com/rem-and-px.html
