本规则属于前端代码检查清单，主题是设置响应式 viewport 元标签。
用途 确保网页在移动设备上正确显示。没有 viewport 元标签时，移动浏览器会以桌面宽度（通常约 980px）渲染页面，然后将其缩小，导致文本不缩放无法阅读。
主要能力 快速参考给出正确写法：<meta name="viewport" content="width=device-width, initial-scale=1.0">。同时明确禁止使用 maximum-scale=1 或 user-scalable=no，因为这会破坏可访问性。该规则对移动响应式布局是必需的。
使用方式 检查：验证 HTML 文档是否包含用于响应式设计的正确 viewport 元标签，以控制页面在移动设备上的显示方式。修复：在 head 部分添加 viewport 元标签。解释：说明 viewport 元标签如何实现响应式设计，以及为什么它对移动优先的 Web 开发至关重要。代码审查：审查模板、服务端渲染 HTML 和共享组件中与设置响应式 viewport 元标签相关的输出标记，标记渲染 HTML 违反规则的具体元素、属性和路由。
适用场景 适用于审查模板、渲染后的 HTML 或共享组件，确认最终面向浏览器的标记中 viewport 设置正确。
限制 本资料未提供更详细的框架特定实现示例；完整实现细节、代码示例和框架相关指导需参阅 references/rule.md。规则页面为 https://frontendchecklist.io/en/rules/html/viewport。