如何检测移动端横向溢出：MOBILE_OVERFLOW

常见触发原因

固定宽度、长文本、表格、绝对定位和视口单位组合都可能把内容推到可视区域之外。

• width 或 min-width 超过父容器
• 100vw 与页面滚动条或外层 padding 叠加
• 代码块、URL、表格缺少换行或横向容器
• 绝对定位元素超出右侧边界

运行移动端检查

CheckHere 会在标准移动视口加载页面。优先把导航、定价、文档和表单页面加入 routes.txt。

checkhere http://localhost:3000 --routes routes.txt
open ./checkhere-reports/latest/report.html

修复方向

从报告指出的元素向上检查布局约束。常用处理包括 max-width: 100%、min-width: 0、overflow-wrap: anywhere，以及为宽表格提供明确的滚动容器。

验收标准

页面滚动宽度回到视口宽度范围，移动端截图完整，主要内容在常见触控宽度下可读可操作。