╱🚧 under construction -> :root, <html>, document.documentElement
CSS ⟩ values ⟩ relative ⟩ units ⟩ rem
rem
rem = <html> 的 font-size
<html>
font-size
⭐ rem 是 “root em” 的縮寫，r 指 :root (<html>)。
r
:root
/* :root = html */ :root { font-size: 16px; } /* ⭐️ 定義 rem = 16px */ h1 { font-size: 2rem; } /* 2rem = 32px */ p { font-size: 1rem; } /* 1rem = 16px */
用 em 會導致累積效應，用 rem 可避免這種效應。
MDN ⟩ CSS values and units
一次搞懂 CSS 字體單位：px、em、rem 和 %
Last updated 1 month ago