直接设置 1rem = 1px 在移动端适配中看似简单，但实际上并不推荐，原因如下：
<html>）的字体大小的相对单位。它的设计初衷是为了实现响应式布局，使得页面元素的大小能够根据根元素的字体大小动态调整。1rem = 1px，相当于放弃了 REM 的相对单位特性，失去了响应式布局的优势。font-size 为屏幕宽度的某个比例（如 1/10），可以实现页面元素的等比缩放。css
html {
font-size: calc(100vw / 10); /* 1rem = 10% of viewport width */
}
这样，1rem 的值会根据屏幕宽度动态变化，页面元素的大小也会随之调整，从而实现更好的适配效果。1rem = 1px 会导致代码中大量使用 rem 单位，但实际上 rem 的值与 px 相同，这会增加代码的复杂性和维护难度。font-size 即可，而不需要逐个修改元素的 rem 值。1rem = 1px 的处理不一致，导致布局出现问题。font-size 设置可以更好地兼容不同设备和浏览器。1rem = 1px 在计算上看似简单，但实际上现代浏览器对 rem 单位的计算已经非常高效，性能差异可以忽略不计。font-size 设置不会对性能产生明显影响。px 的设计稿，但在开发中，使用 rem 单位可以更好地实现设计稿的等比缩放。font-size 比例，可以方便地将设计稿中的 px 值转换为 rem 值，保持设计与开发的一致性。直接设置 1rem = 1px 虽然看似简单，但实际上失去了 REM 单位的优势，不利于实现响应式布局和代码维护。推荐使用动态设置根元素 font-size 的方式，结合 rem 单位，实现更灵活、更高效的移动端适配方案。
html {
font-size: calc(100vw / 10); /* 1rem = 10% of viewport width */
}
在开发中，可以将设计稿中的 px 值除以 10 转换为 rem 值，例如：
.element {
width: 7.5rem; /* 相当于 75px */
}
这种方式既能保持代码的简洁性，又能实现良好的响应式效果。