手机 viewport 前后对照 | 星雨笔录

配置 viewport,理解移动端视口对页面宽度的影响。

核心: 移动适配从 viewport 开始;width=device-width 让 CSS 视口与设备宽度对应。

最小示例:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

学完能做: 配置 viewport,理解移动端视口对页面宽度的影响。