CSS rem是一個相對長度單位，相對于根元素(font-size:16px)的字體大小來定義頁面中其他元素的大小。

/* rem示例 */
html {
font-size: 16px;
}
h1 {
font-size: 2rem; /* 32px */
}
p {
font-size: 1.5rem; /* 24px */
}

在上面的示例中，html元素的字體大小被設置為16px。如果h1元素設置了字體大小為2rem，則它的字體大小將為32px(2 x 16px)。同樣，如果p元素設置了字體大小為1.5rem，則它的字體大小將為24px(1.5 x 16px)。

使用rem作為單位有幾個優勢：

• 響應式設計：當頁面字體大小改變時，所有rem單位的元素都會相應地調整其大小。
• 代碼可維護性：由于rem單位是相對于根元素的字體大小來指定元素大小，因此在更改根元素的字體大小時，所有使用rem單位的元素會同時被調整。
• 可訪問性：使用rem作為單位可以使頁面上的文本更易于閱讀和理解。

需要注意的是，rem與其他相對長度單位如em和vw等相比，更容易被混淆和誤用。此外，在使用移動端樣式時需要注意字體大小的縮放問題，以確保頁面的可用性。