视口与响应单位

viewport meta

width=device-width 让移动端按设备宽度渲染，响应式页面必备。

rem

根元素 html 设 font-size，全站用 rem 随根字号缩放；可结合 媒体查询 或 clamp 调根字号。

vw 注意

100vh 在移动端浏览器含地址栏时可能出现跳动，需按场景选用 dvh 或 JS 方案（视浏览器支持）。

小结

先保证 viewport 正确，再谈单位策略。