>[danger]直接寫rem計算屏幕的寬高是怎么獲取的？ 在CSS中使用rem單位進行響應式布局時，需要根據屏幕的寬度來計算rem的基準值。一般情況下，可以通過JavaScript獲取屏幕的寬度，并將其轉換為rem單位。 以下是獲取屏幕寬度并計算rem基準值的示例代碼： ```javascript // 獲取屏幕寬度 var screenWidth = window.innerWidth || document.documentElement.clientWidth; // 設定基準值（例如，假設設計稿基準寬度為750px） var baseWidth = 750; // 設計稿基準寬度 // 計算rem基準值 var baseFontSize = screenWidth / baseWidth * 100; // 設置HTML根元素的字體大小 document.documentElement.style.fontSize = baseFontSize + 'px'; ``` 在以上示例中，首先獲取了屏幕的寬度(`screenWidth`)，然后通過除以設計稿的基準寬度(`baseWidth`)并乘以100，得到了rem基準值(`baseFontSize`)。最后，將計算得到的基準值設置給HTML根元素(`document.documentElement`)的`fontSize`屬性，以實現rem單位的自適應布局。 在接下來的CSS中，可以使用rem單位進行布局和樣式設置，它們會根據屏幕寬度的變化自動進行調整。例如： ```css .container { width: 10rem; height: 5rem; font-size: 1.6rem; } ``` 在這個示例中，`.container`元素的寬度、高度和字體大小都使用了rem單位，它們將根據屏幕寬度和rem基準值進行自適應的調整。