用途：防止页面在窄视口下出现横向滚动，保障低视力用户放大浏览器后仍能阅读内容。WCAG 2.1 SC 1.4.10（回流，AA 级）要求内容在 320 CSS 像素宽或 256 CSS 像素高时无需二维滚动，对应 1280×1024 显示器的 400% 缩放。
主要能力：在 320px CSS 视口宽度下测试页面，查找横向滚动条或溢出内容。重点检查：固定 px 宽度超过视口；阻止收缩的 min-width；图片或媒体缺少 max-width: 100%；文字上使用 white-space: nowrap 导致溢出；元素使用 width: 100vw（滚动条宽度会引发溢出）；内容区中过长 URL 或不可断字符串。
使用方式：将布局容器的固定 width: Npx 改为 max-width: Npx 加 width: 100%；为所有图片和媒体添加 max-width: 100% 和 height: auto；在可能含长字符串的文本容器上应用 overflow-wrap: break-word（回退 word-wrap: break-word）；全宽元素用 width: 100% 替代 width: 100vw；多列布局使用 CSS Grid 或 Flexbox 搭配 flex-wrap: wrap；数据表格应包裹在可滚动容器中，对表格包裹层而非页面主体使用 overflow-x: auto。
适用场景：所有 CSS 布局规则，尤其是响应式布局、正文、导航、表单和图片内容。
限制：需要二维布局才能使用的内容（如数据表格、地图界面、视频）属于例外。本资料未提供具体的框架实现细节、代码示例和参考文档内容，仅提示可查阅 references/rule.md。