CSS中的rem（root em）是相對于根元素（html元素）的字體大小而言的長度單位，為什么要使用rem單位呢？因為在響應式設計中，使用em作為單位時，會受到父元素字體大小和瀏覽器字體設置的影響，而使用rem則只受到根元素字體大小的影響，更加靈活。

/* 假設根元素字體大小為16px */
body {
font-size: 1rem; /* 相當于16px */
}
p {
font-size: 1.2rem; /* 相當于19.2px */
}

如果我們需要將一個元素的大小設置為相對于根元素的倍數時，我們可以通過比較容易的計算方式來實現，例如將一個寬度為120px的元素設置為相對于根元素的寬度的2倍：

/* 假設根元素字體大小為16px */
div {
width: 7.5rem; /* 相當于120px */
/* 120px / 16px = 7.5 */
}

這種方式看起來比較麻煩，因此我們可以使用Sass等CSS預處理器中的函數進行計算，使得代碼更易讀、維護和實現。

$base-font-size: 16px;
@function rem($px) {
@return $px / $base-font-size + rem;
}
/* 使用函數進行計算 */
div {
width: rem(120px); /* 相當于7.5rem */
}

總之，CSS中的rem換算方式是相對于根元素字體大小而言的，通過計算，我們可以將元素的大小、邊距等設置為相對于根元素的倍數，使得響應式設計更加靈活。