控制页面缩放
这段补充如何控制缩放：initial-scale 之外，minimum-scale / maximum-scale 限制缩放范围，user-scalable=no 禁止手势缩放。除非游戏或地图类应用，否则不要禁止缩放——视力不好的用户需要放大文字。
常见坑：PC 上按 Ctrl++ 放大页面时，手机上的 initial-scale=1.0 仍生效；如果页面做了 rem 适配，根字号会随缩放等比变化，布局不会乱。
- 缩放只影响“页面整体放大缩小”，不影响代码里的 px 数值
- 禁止缩放（user-scalable=no）是可访问性红线
- 设计稿按 375px 宽出的图，在 414px 手机上会稍宽——用相对单位即可自动消化差异
HTML
<!-- 允许用户在 0.5 ~ 2 倍之间缩放（温和做法） --> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0"> <!-- 用 media 检测用户是否放大了页面（PC 浏览器适用） --> <style> @media (min-resolution: 2dppx) { body { border: 2px solid tomato; } /* 高 DPR 屏幕加个标记 */ } </style>
本节要点缩放控制要宽松：给范围而非禁止；自适应布局应做到缩放后不破版。
