【CSS】em, rem 比較
在 CSS 中，em 和 rem 都是相對單位，用於字體大小、間距等屬性，但它們的相對基準不同：
• em：相對於父元素的字體大小。每個 em 單位是根據元素最近的父元素的字體大小計算的。例如，如果父元素的字體大小是 16px，則子元素中的 1em 等於 16px。如果子元素的字體大小設置為 2em，則為 32px（2 × 16px）。
缺點: 如果多個父元素的字體大小不同，可能會造成子元素的字體大小也不同，導致畫面看起來很凌亂。
• rem：相對於根元素（<html>）的字體大小。它不依賴於父元素的字體大小，只依據根元素的字體大小。如果根元素的字體大小是 16px，則無論該元素位於文件結構中的哪一層，1rem 永遠等於 16px。
出現於 em 後面。
優點: 解決 em 畫面凌亂問題，適合使用在 RWD 網頁。
這樣，rem 提供了更一致的設計方式，而 em 則提供了更多基於上下文的靈活性。
