網頁開發中，響應式設計逐漸成為主流，能夠適應不同屏幕大小的自適應布局成為一種趨勢。其中，HTML
rem單位則成為了實現自適應布局的關鍵技術之一。
rem是相對于根元素（
html）的字體大小來計算的長度單位，換句話說，它會隨著根元素字體的改變而改變。通過設置根元素字體大小，則可以控制整個頁面元素的大小。
html代碼示例：
上述代碼中，
html元素設置了字體大小為16px，而
.box中的寬度和高度都使用了
rem單位，并分別為10rem和5rem。因此，當根元素字體大小為16px時，
.box的寬度為160px，高度為80px。
通過設置不同的字體大小，可以實現自適應不同屏幕大小的布局，從而提升用戶瀏覽體驗。