>[danger]rem和em的區別 `rem` 和 `em` 都是 CSS 中相對長度單位，它們的區別主要在于參考對象不同： - `em` 的參考對象是該元素的父元素的字體大小。如果該元素沒有定義字體大小，將使用其父元素的字體大小。例如，如果父元素字體大小為 16px，而子元素的字體大小設置為 `1.5em`，那么子元素的字體大小將為 24px（16 x 1.5）。 - `rem` 的參考對象是根元素（即 HTML 元素）的字體大小。如果根元素的字體大小為 16px，則 `1rem` 相當于 16px。例如，如果根元素的字體大小為 16px，而某個元素的寬度設置為 `10rem`，那么這個元素的實際寬度將為 160px（10 x 16）。 除了參考對象的不同之外，`rem` 還具有以下特點： - 相對于根元素的字體大小而言，`rem` 更加容易控制、防止層級嵌套產生的連鎖影響。 - `rem` 可以用于響應式設計，因為相對于視口大小的根元素字體大小是固定的。 而 `em` 的特點則包括： - `em` 可以被用于無需計算太多尺寸的簡單布局。 - 相對于父元素的字體大小，`em` 能夠快速自適應更改了父級字號或縮放的尺寸。 總之，在使用 `rem` 和 `em` 定義元素大小、字體大小等屬性時，需要根據實際需求和場景選擇合適的單位，以實現頁面適配和靈活布局。