rem和em，在自適應製作中最常用的單位。
rem是基於html元素的字型大小來決定，而em則根據使用它的元素的大小決定。二者都是靈活、可擴充套件的單位，由瀏覽器轉換為畫素值，具體取決於您的設計中的字型大小設定。如果你使用值1em或1rem，它可以被瀏覽器翻譯成從16px到160px或其他任意值。
主要區別
em 和 rem 單位之間的區別是瀏覽器根據誰來轉化成px值 理解這種差異是決定何時使用哪個單元的關鍵。
有一個比較普遍的誤解，認為 em 單位是相對於父元素的字型大小。 事實上，根據W3標準 ，它們是相對於使用em單位的元素的字型大小。
父元素的字型大小可以影響 em 值，但這種情況的發生，純粹是因為繼承。 讓我們看看為什麼以及如何起作用。
rem 單位如何轉換為畫素值
當使用 rem 單位，他們轉化為畫素大小取決於頁根元素的字型大小，即 html 元素的字型大小。 根元素字型大小乘以你 rem 值。
例如，根元素的字型大小 16px，10rem 將等同於 160px，即 10 x 16 = 160。
em 單位如何轉換為畫素值
當使用em單位時，畫素值將是em值乘以使用em單位的元素的字型大小。