移动端适配是前端绕不过的坎，rem、vw、百分比、flex，每个教程都说自己最好。做过几个项目后，我的结论是：先理解，再选择。

rem：等比缩放方案

核心是让 html 的 font-size 随屏宽变化，所有尺寸用 rem。适合设计稿还原度要求高、整页等比缩放的场景。配合 flexible.js 或简单的 resize 计算即可。缺点是字体也跟着缩放，大屏手机上字可能偏大。

vw：更纯粹的视口单位

1vw 就是视口宽度的百分之一，天生随屏幕变化，连 JS 都不用写。现代浏览器支持很好，新项目我更倾向用它。小屏上的极限尺寸用媒体查询兜底。

我的实际选择

布局用 flex/grid 自适应，间距尺寸用 vw（或配合 clamp()），字体用 rem 做无障碍支持。工具是组合拳，没必要从一而终。