CSS標準單位rem越來越受到前端開發人員的關注。rem（root em）是相對于根元素（html）字體大小的單位，它與em不同，后者是相對于父元素字體大小的單位。rem單位可以使我們跨瀏覽器和設備更輕松地控制字體大小，因為它可以使我們始終以相同的方式進行度量。

html {
font-size: 16px;
}
h1 {
font-size: 2rem;
}
p {
font-size: 1.2rem;
}

上面的代碼片段首先將根元素字體大小設置為16像素，然后使用2rem設置h1標簽的字體大小為32像素，使用1.2rem設置p標簽的字體大小為19.2像素。由于使用rem單位，即使根元素的字體大小發生變化，h1和p的字體大小也會相應變化。

使用rem單位的另一個好處是它可以使我們更容易地實現響應式設計。我們可以在不修改HTML的情況下，使用媒體查詢來改變根元素的字體大小，從而適應不同的屏幕尺寸。

@media only screen and (max-width: 768px) {
html {
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
html {
font-size: 16px;
}
}
@media only screen and (min-width: 1024px) {
html {
font-size: 18px;
}
}

以上代碼通過媒體查詢將根元素字體大小分別設置為14像素、16像素和18像素，從而適應小屏幕、中屏幕和大屏幕。使用rem單位使我們能夠非常輕松地實現響應式設計，并且可以更好地控制頁面元素的大小和間距。