字體尺吋單位 px、em、rem #

px 絕對單位 #

這是「絕對」的單位，定義多少就顯示多大，不會被任何層級影響。

em 相對單位 #

以 父層 為基準的「倍數單位」，定義的 em 會隨著 父層 定義尺吋而改變。當巢狀結構到一定的雜複，難以判斷當前元素字體尺吋。

rem 相對單位 #

以網頁基礎字體尺吋為基準的 「倍數單位」，所以定義都會指向 html 的 font-size 尺吋的倍數，不會被父層影響。

Reference #

• 一次搞懂 CSS 字體單位：px、em、rem 和 %
• 實際展示 EM 與 REM 的差異 | 六角學院
• TailwindCSS Font Size