CSS的rem單位是相對于根元素（即元素）的字體大?。?code>font-size）來計算的，它可以根據根元素的字體大小自動適應不同設備的屏幕尺寸。在現代響應式設計中，使用rem單位可以更好地適應不同大小的屏幕，從而提高網站的響應性和可用性。

通常，設計師會以16像素為基準來布局網頁，因此，我們也可以以16px作為根元素的字體大小。這樣，當我們使用rem來設置其他元素的大小時，它們就會以16px為基準進行計算。例如，如果我們想讓一個元素的寬度為160px，我們可以使用10rem來表示，因為160px / 16px = 10rem。

html {
font-size: 16px;
}
.example {
width: 10rem;
height: 5rem;
font-size: 1.2rem;
padding: 1rem;
}

在上面的例子中，根元素的字體大小設置為16px，然后我們設置了一個類名為example的元素，它的寬度為10rem，相當于160px。另外，我們還可以使用rem來設置其它屬性，比如font-size和padding等。由于它是相對于根元素的字體大小進行計算的，因此即使我們在不同大小的屏幕上顯示頁面，這些元素的大小和間距也會自動適應屏幕尺寸，從而提高整個頁面的可讀性和用戶體驗。