CSS中的rem是相對于根元素（一般指HTML文檔中的元素）的字體大小的單位。換句話說，1rem等于根元素的字體大小。rem的相對性質(zhì)使其成為設(shè)計(jì)可擴(kuò)展性的優(yōu)秀選擇，因?yàn)樗粌H可以自適應(yīng)不同設(shè)備下的分辨率，還可以隨著根元素中的字體大小改變而自動調(diào)整大小。

/* 設(shè)置HTML根元素的字體大小為16像素 */ 
html {
font-size: 16px;
}
/* 使用rem為所有文本設(shè)置字體大小 */ 
p {
font-size: 1rem;
}

為根元素設(shè)置字體大小是非常重要的，因?yàn)樗鼪Q定了rem的實(shí)際大小。通常情況下，根元素的字體大小為16像素（即16px），這是因?yàn)榇蠖鄶?shù)瀏覽器默認(rèn)的字體大小為16px。若將根元素的字體大小設(shè)置為其他值，則所有的rem屬性都將相應(yīng)地調(diào)整大小。

對于響應(yīng)式設(shè)計(jì)，使用rem單位非常方便。只需為不同的視口尺寸（如手機(jī)、平板電腦和桌面電腦）設(shè)置不同的根元素字體大小，就可以使網(wǎng)站自適應(yīng)不同的屏幕尺寸。此外，在使用rem時，無需手動更改每一個元素的大小，只需更改根元素字體大小即可完成自適應(yīng)調(diào)整。

/* 在移動設(shè)備上使用不同的根元素字體大小 */ 
@media only screen and (max-width: 640px) {
html {
font-size: 14px;
}
}
/* 在平板電腦上使用不同的字體大小 */ 
@media only screen and (max-width: 768px) {
html {
font-size: 18px;
}
}
/* 在桌面電腦上使用不同的字體大小 */ 
@media only screen and (min-width: 1024px) {
html {
font-size: 20px;
}
}

總之，rem是CSS中非常有用的單位之一，適用于響應(yīng)式設(shè)計(jì)以及需要自適應(yīng)調(diào)整的設(shè)計(jì)中。使用rem時，應(yīng)該始終為根元素設(shè)置一個默認(rèn)字體大小，并盡可能地利用rem的相對性質(zhì)，使代碼更加簡潔易讀。