CSS中的rem是相對于根元素(html元素)的字體大小來計算的。如果根元素的字體大小設置為16px，那么1rem就等于16px。如果根元素的字體大小設置為20px，那么1rem就等于20px。

/* 設置根元素字體大小為16px */
html {
font-size: 16px;
}
/* 以rem為單位設置字體大小 */
p {
font-size: 1rem; /* 相當于16px */
}

當然，rem不僅可以用來設置字體大小，也可以用來設置元素的寬高等尺寸。

/* 設置根元素字體大小為20px */
html {
font-size: 20px;
}
/* 以rem為單位設置元素寬高 */
div {
width: 10rem; /* 相當于200px */
height: 5rem; /* 相當于100px */
}

總結：rem是相對于根元素字體大小來計算的單位，它的好處是可以根據根元素字體大小的變化而自適應調整尺寸。