H5 页面的适配方案

rem 的本质是等比缩放

rem 能模拟 vw 的效果， vw 才是真正的等比缩放

vw 的 1% = 视口宽度 / 100

rem 不是银弹，用户选择大屏幕手机，有些人希望看到更多的图片，更大的字体（等比缩放，rem 模式），又有些人希望能看到更多的内容，并不想要更大的图标

所以这里要做取舍

你的网站如果是内容型的（例如知乎），不应该使用 rem，而是用 px 来布局

参考资料

• Rem 布局的原理解析
• 细说移动端 经典的 REM 布局 与 新秀 VW 布局
• 前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
• 使用 Flexible 实现手淘 H5 页面的终端适配
• 再聊移动端页面的适配