AI写出的页面在手机上文字重叠，怎样检查断点和真实内容长度？

按真实文本与设备宽度重现遮挡

适用于卡片标题压住按钮、输入提示覆盖内容，或桌面正常而窄屏错位的页面。保存出现问题的地址、视口尺寸与文案，检查移动视口配置。测试内容应包含产品实际会出现的长名称及中英文混排；短占位符很难暴露布局对真实文本的限制。

检查固定尺寸换行和布局约束

在浏览器中查看重叠元素的边界和计算样式，检查父容器固定高度、网格最小宽度及不可换行设置。排查绝对定位是否脱离正常文档流，以及字体加载前后尺寸是否变化。断点应根据内容何时放不下确定，不宜只按某一台设备名称复制一组宽度。

在内容驱动的布局中修正溢出

优先用正常流和可伸缩网格安排内容，为需要换行的子项允许合理收缩，并按语义设置文本断行。按钮和说明文字应保留足够空间，错误状态出现时也能推动布局。需要截断时提供清楚的查看方式，不能把缺失信息作为布局修复，更不能让透明遮罩挡住可点击区域。

覆盖长文案缩放和交互状态

在窄屏、较宽手机及桌面分别检查长标题、加载和错误状态，确认无横向溢出、遮挡及不可点击控件。增加字体或页面缩放后再次观察，并实际点击关键操作。截图可以记录外观，仍需结合元素边界和交互判断；只看首屏正常，无法覆盖滚动后出现的内容。

本文没有验证某个具体页面，也没有声称设备模拟能够替代所有真机测试。不同字体与移动浏览器可能产生差异，关键业务应补真实设备检查。布局断言适合捕捉已知边界，却不应为了简单测试把所有元素写死像素；调整后还需确认可读性和键盘访问体验。