在CSS中，rem是一個相對于根元素字體大小的單位。這個單位的使用方式是，開發者可以給根元素（<html>）設置一個字體大小，然后可以在CSS樣式中使用rem來描述其他元素的字體大小。
/* 設置根元素字體大小為16像素 */
html {
font-size: 16px;
}
/* 使用1rem來表示16像素 */
h1 {
font-size: 2rem; /* 2rem = 32px */
}
p {
font-size: 1.25rem; /* 1.25rem = 20px */
}
@media (max-width: 768px) {
/* 當寬度小于768像素時，將字體大小縮小到12像素 */
html {
font-size: 12px;
}
}使用rem作為單位的好處是，在不同的屏幕大小和分辨率下，元素的大小可以自動適應。例如，在上面的代碼中，當屏幕寬度小于768像素時，根元素字體大小縮小到12像素，那么所有使用rem的元素字體大小也會自動縮小。
總之，使用rem可以讓CSS樣式更加靈活，并可以節省開發者的工作量。