手机 viewport 前后对照 | 星雨笔录
配置 viewport,理解移动端视口对页面宽度的影响。
核心: 移动适配从 viewport 开始;width=device-width 让 CSS 视口与设备宽度对应。
最小示例:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
学完能做: 配置 viewport,理解移动端视口对页面宽度的影响。
配置 viewport,理解移动端视口对页面宽度的影响。
核心: 移动适配从 viewport 开始;width=device-width 让 CSS 视口与设备宽度对应。
最小示例:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
学完能做: 配置 viewport,理解移动端视口对页面宽度的影响。