请对比移动端适配中 rem、vw/vh、rpx 三种方案的原理和适用场景,并说明在像淘宝这样组件复杂、页面规模大的业务中你会如何选型。
考察说明
考察对移动端适配方案的原理理解、优缺点权衡及复杂场景下的方案选型能力
回答思路
- 准确解释 rem、vw/vh、rpx 的缩放原理与相对参照
- 指出各自优缺点:rem 依赖根字号、vw 直观但有小字号问题、rpx 依赖设计稿宽度
- 结合淘宝场景说明选型理由,涉及组件库、历史代码、动态字体等约束
- 能提出组合或工程化方案,如结合 postcss-px-to-viewport 或动态根字号
本题已收录答题指导
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。