背景：
px：畫素是相對於顯示器螢幕解析度而言的相對長度單位。pc端使用px倒也無所謂，可是在移動端，因為手機解析度種類頗多，不可能乙個個去適配，這時px就顯得非常無力，所以就要考慮em和rem。
em：繼承父級的。假設html的font-size預設為16px，body字型大小定義為50%，那麼在body裡字型大小就是1em=8px了。可當你又定義了乙個div，然後把字型設定成了50%，請問，現在div下的1em等於多少？因為繼承了父級的值，現在這個div裡的1em=4px，這麼巢狀下去的話，抱歉，我數學不好！所以不建議用em。
rem：是em的公升級版，rem只會相對html的值，不會受到父級的影響，這樣的好處在於：從em裡的例子來講，1rem始終會等於8px。使用的時候不需要重新計算rem此時的大小。rem因為是css3增加的，所以ie8或以下請無視（始終想不明白，為什麼國人至今對微軟都放棄的ie這麼戀戀不捨）。
以上也算是講清了他們之間的區別和關係，rem更多的運用於移動h5頁面的適配使用。
px,em和rem的區別
三者都是相對長度單位 一 px 畫素 畫素是相對於螢幕顯示器解析度而言的。畫素特點 字型大小被定死，不會因為縮放改變二 em em是相對於當前物件的文字尺寸，如果沒有設定，則相對於瀏覽器的預設字型尺寸 特點 1 em的值不是固定的 2 em的可以繼承父級元素的字型大小 注意 所有瀏覽器的預設字型大小...
PX EM與REM的區別
px特點 px畫素 pixel 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。引自css2.0手冊 em是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。引自css2.0手冊 任意瀏覽器的預設字型高都是16px。所有未經調整...
px em和rem的區別和使用案例
由於最近在做公司移動專案的開發，所以在開始專案之前，我第一步要做的就是統一單位。在之前寫pc端 時，都是使用px作為長度單位，在接下來的手機專案中為了實現響應式開發，開始使用em，然後出現了乙個可怕的問題，那就是當獲得焦點時，整個頁面會放大，至於為什麼會出現這種情況，然後又該怎麼解決呢？當初真的是弄...