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

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

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

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

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

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

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

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