rem(CSS)
相對值
參照html根元素
<html>
視根元素的字體大小為1rem
因此通常1rem=16px
為了支援Chrome的文字擴大功能，應該要使用rem
若時間不夠實際驗證Chrome的文字擴大功能是否正常運作，則選擇px會比較好
即不只是font-size使用rem指定就好，會受文字擴大影響的餘白或尺寸等等也須使用相對值 如果因為文字擴大而導致整個排版跑掉、無法閱讀，就會本末倒置
且不是所有元素都該使用rem，想要擴大文字的使用者，並不是希望把所有東西都擴大
不然直接使用局部擴大功能即可
以及該使用正確的相對值，沒有相對基準的用法不叫做語意化標籤 例如相對文字該使用em，相對數值該使用ch
code:css
@property --root-font-size {
syntax: "<length>";
inherits: false;
initial-value: 16px;
}
:root {
--to-rem: calc(tan(atan2(1px, var(--root-font-size))) * 1rem);
}
.heading {
font-size: calc(24 * var(--to-rem));
}