CSS 中的 rem 是一個很常見的單位，它隨著根元素的大小而變化，也就是相對于根元素的字體大小來計算。那么，如何計算 rem 呢？接下來，讓我們來看一下具體的計算方式。

html {
font-size: 16px;  /* 設(shè)置根元素的字體大小為 16px */
}

在上述代碼中，我們設(shè)置了根元素的字體大小為 16px。當(dāng)我們使用 rem 來設(shè)置其他元素的大小時，它們的大小將會根據(jù)根元素的字體大小來計算。

h1 {
font-size: 2rem;  /* 當(dāng)根元素的字體大小為 16px 時，h1 元素的字體大小為 32px */
}

在上述代碼中，我們設(shè)置了 h1 元素的字體大小為 2rem。由于根元素的字體大小為 16px，因此實際上 h1 元素的字體大小是 2 * 16px = 32px。

p {
font-size: 1.5rem;  /* 當(dāng)根元素的字體大小為 16px 時，p 元素的字體大小為 24px */
}

在上述代碼中，我們設(shè)置了 p 元素的字體大小為 1.5rem。由于根元素的字體大小為 16px，因此實際上 p 元素的字體大小是 1.5 * 16px = 24px。

綜上所述，我們可以看出，rem 的計算方法其實非常簡單，只需要根據(jù)根元素的字體大小來進行計算即可。因此，在實際開發(fā)中，我們可以根據(jù)頁面的需求來設(shè)置根元素的字體大小，然后使用 rem 來設(shè)置其他元素的大小，從而快速地進行布局和設(shè)計。