rem是相對于根元素(html元素)的單位，使用rem能夠讓頁面中所有元素相對比例不變且可以隨著根元素的大小進行調整。在CSS中定義1rem為根元素的字體大小，通常情況下推薦基礎字體大小為16px。在JS中通過獲取根元素的字體大小來計算rem單位的值，從而實現頁面元素的等比例縮放。

/* CSS */
html {font-size: 16px;}
h1 {font-size: 2rem;} /* 2rem = 2 * 16px = 32px */
p {font-size: 1.5rem;} /* 1.5rem = 1.5 * 16px = 24px */
/* JS */
var rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
var remValue = rootFontSize * 1.5; // 計算1.5rem的值

使用rem單位可以輕松實現頁面的等比例縮放，特別是在響應式設計中，rem的使用尤其重要。通過JS獲取rem的值，可以動態調整頁面元素的大小，從而達到更好的用戶體驗。