在前端開發(fā)中，我們經(jīng)常使用rem這個單位來進(jìn)行頁面布局。rem是指相對于根元素（即html元素）的字體大小來計算的單位。因此，我們需要在HTML中設(shè)置根元素的字體大小，并用JS來動態(tài)修改該值。

首先，在HTML中使用style標(biāo)簽設(shè)置根元素的字體大小：

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

接下來，我們需要用JS來動態(tài)修改根元素的字體大小。我們可以在頁面頭部加入以下代碼：

以上代碼的解釋如下：

• 首先，我們定義了一個setRem函數(shù)，用于設(shè)置html根元素的字體大小。
• setRem函數(shù)中，我們通過document.documentElement獲取到html元素，并將其寬度除以10作為該元素的字體大小。
• 最后，我們將setRem函數(shù)調(diào)用一次，確保頁面加載時能夠正確設(shè)置html根元素的字體大小。同時，我們也監(jiān)聽了窗口大小變化事件，在窗口大小變化時重新設(shè)置根元素的字體大小。

以上就是HTML如何設(shè)置rem的方法。通過設(shè)置根元素的字體大小并用JS動態(tài)修改該值，我們可以在設(shè)計響應(yīng)式頁面時快速、簡便地進(jìn)行頁面布局。