手机浏览器默认按 980px 宽渲染再整体缩放到屏幕——不写 viewport meta 的页面字小到无法读。 告诉浏览器：用设备真实宽度作布局宽度、初始不缩放。
其他常用参数：maximum-scale 控制最大缩放（慎用，损害可访问性）、viewport-fit=cover 在刘海屏启用安全区（配合 env(safe-area-inset-*)）。视觉视口（visual viewport）与布局视口（layout viewport）的区分，是理解移动端缩放问题的关键。
<!-- 复制即用的标准声明 --> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <style> /* 安全区适配：底部固定栏不被刘海/Home 键遮住 */ .fixedbar { position: fixed; left: 0; right: 0; bottom: 0; padding-bottom: env(safe-area-inset-bottom, 0); background: #161b22; } </style> <div class="fixedbar">底部工具栏</div>