CSS 字體大小單位 rem

p {
font-size: 1.5rem;
}

CSS 中字體大小單位有很多種，其中 rem 是相對單位，其大小基于根元素（html）的字體大小。

使用 rem 作為字體大小單位可以實現頁面的響應式布局，因為 rem 大小會根據根元素字體大小的縮放而進行相應的變化，而不會受到設備像素密度的影響。

html {
font-size: 16px;
}
@media (min-width: 768px) {
html {
font-size: 18px;
}
}
@media (min-width: 1024px) {
html {
font-size: 20px;
}
}

在上面的例子中，我們設置了根元素的初始字體大小為 16px，隨著屏幕尺寸的變化，字體大小也會發生相應的變化。

了解了 rem，我們可以更方便地對頁面進行字體適配。希望大家通過學習，能夠更加熟練地使用 CSS 去進行頁面的設計。