CSS Rem是一種相對單位，它代表的是根元素的字體大小，也就是說，如果根元素的字體大小為16px，那么1rem就代表16px。

這里說的根元素指的是html標(biāo)簽，我們可以通過設(shè)置html的字體大小來改變1rem的大小。例如：

html {
font-size: 16px;
}

這樣我們就設(shè)置了根元素的字體大小為16px，查詢CSS樣式時，1rem就代表著16px，2rem就代表32px，以此類推。（可以通過計算器進(jìn)行轉(zhuǎn)換）。

Rem為什么常常被使用呢？這是因為它相比于其他單位，具有以下優(yōu)勢：

1.適配性好：使用Rem不需要考慮屏幕大小和分辨率的不同，而且當(dāng)根元素的字體大小改變時，其他元素的大小相應(yīng)地也會改變。

2.方便快捷：使用Rem省去了計算單位的時間，只需要知道它相對于根元素的大小就可以直接使用。而且這個計算只需要一次就行了。

需要注意的是，Rem的兼容性不太好。IE9及以下的瀏覽器不支持Rem，如果需要兼容這些舊瀏覽器的話，可以設(shè)置一個px fallback。例如：

html {
font-size: 16px;
font-size: 1rem;
}
p {
font-size: 14px;
font-size: 0.875rem; /*fallback for IE9 and below*/
}

這樣在支持Rem的瀏覽器中，p元素的字體大小為1rem的0.875倍，即14px；而在不支持Rem的瀏覽器中，p元素的字體大小為14px。

總的來說，如果我們的項目能夠兼容現(xiàn)代瀏覽器，使用Rem是一種更加方便快捷的做法。