px實際上就是畫素，用PX設定字型大小時，比較穩定和精確。但是px不支援使用者進行瀏覽器縮放或者不同移動端的相容，因為畫素是固定的，螢幕大小是變化的。由此引入了em和rem。

em是根據父元素來對應大小，是一種相對值，並不是絕對值，em值 = 1/父元素的font-size*需要轉換的畫素值。進行任何元素設定，都有可能需要知道他父元素的大小，這很不方便所以又有了rem。

rem是根據根元素html的font-size來對應大小，1rem = 100px,可以在根元素html中寫固定畫素也可以寫百分比，然後在具體的標籤上設定rem

瀏覽器的相容性
除了IE6-IE8r，其它的瀏覽器都支援em和rem屬性，px是所有瀏覽器都支援。
因此為了瀏覽器的相容性，可“px”和“rem”一起使用，用"px"來實現IE6-8下的效果，然後使用“rem”來實現代瀏覽器的效果。