>[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基准值进行自适应的调整。