电脑截图看着整齐，手机打开后却要左右拖动才能读完一句话，产品参数被截掉，填咨询表时又找不到提交按钮。无论页面是否由 AI 辅助制作，这些问题都应按客户能否完成任务来判断，不能只让页面缩小到一屏，也不能靠隐藏内容制造“没有溢出”的假象。
企业验收时，可以选一款真实产品走完整条路径：从首页找到它，读懂适用条件，查看图片和资料，再提交一条授权的测试咨询。下面以虚构的 P100 产品为例，说明每一步应该观察什么；文中情景不代表实际客户项目。
先分清整页变宽，还是局部内容需要横向查看
假设 P100 详情页有一张六列参数表。手机上左右滑动表格，能看到不同列，同时上方介绍文字仍能正常换行，这可能是合理的局部设计。若整页都被表格撑宽，客户读任何一段话都要左右来回拖动，就需要检查布局。
W3C 的重排说明要求普通纵向阅读内容在相当于 320 CSS 像素的宽度下，不丢失信息或功能，也不必双向滚动；必须依赖二维布局理解的内容可以有例外，例如部分数据表。例外不能自动扩大到整页正文。详见 W3C：Reflow。这里的 CSS 像素是网页布局单位，不是手机宣传的屏幕物理分辨率；这一项也不能代表完整的无障碍验收。
反馈时先指出哪个内容首次超出屏幕：长型号、参数表、图片还是固定宽度的模块。开发应查明来源，再选择换行、重新排布或局部滚动。只把超出区域裁掉，会使画面暂时整齐，却可能连“仅限室内使用”这样的关键条件一起隐藏。
参数表如何调整，要看客户需要比较什么
若表格只是 P100 的单个参数及其数值，可改为逐项排列，避免六列挤在一行。若客户需要横向比较 P100 与 P200 的同一项能力，全部拆散可能反而失去对应关系，此时可以保留比较表，提供清楚的横向查看提示，并让客户始终能辨认当前数值属于哪个型号。
| 内容用途 | 可考虑的处理 | 验收结果 |
|---|---|---|
| 单款产品参数 | 参数名称与数值逐项排列 | 单位、限制条件完整，长参数名不压住数值。 |
| 多款型号比较 | 保留局部横向表格或减少本次比较数量 | 滑动后仍能对应型号和参数，不把某款的值看成另一款。 |
| 长型号或下载文件名 | 允许合理换行，必要时提供完整查看 | 客户能获取完整编号，复制内容不被省略号替代。 |
选择哪一种不是由“手机屏幕小”单独决定，而是由信息关系决定。测试时故意放入较长型号、空值和较长单位说明，不能只用最短的一行演示通过。未知参数应明确标示，不能为了版面紧凑删掉字段，让客户误认为产品没有该限制。
图片要保留判断所需的主体
假设客户需要从 P100 图片辨认接口位置，电脑上可见的右侧接口在手机缩略图中被裁掉，就影响了选型。修复目标应是保留完整主体并维持比例，而非简单把图片拉满容器。若版式允许，可留出空白；如果缩略图只用于列表识别，应提供明确入口查看完整图片。
尺寸图与宣传照片应区别处理：尺寸图中的标注不能裁掉，也不能压缩到无法辨读。可以提供单独的大图查看或资料下载，并说明文件内容。验证时要实际打开、放大再返回产品页，确认关闭按钮可操作，返回后不用重新寻找产品。不要只检查图片是否“加载出来”。
背景装饰图可以按设计裁切，但前提是它不承担产品规格或操作说明。把重要文字直接放进宣传图，会同时增加窄屏阅读与后续修改的困难；涉及型号、限制和联系方式时，优先确保页面上有可阅读的文字说明。
咨询流程必须在键盘出现后仍能完成
继续虚构测试：客户进入 P100 咨询表，填写型号和联系方式。此时屏幕键盘出现，可视区域缩小，底部悬浮客服栏可能与提交按钮重叠。只有键盘关闭时的截图正常，不能证明表单可用。
按以下顺序走一遍：点入最后一个输入框，填写较长需求；保留键盘打开，尝试查看字段说明；提交一次缺少必填项的表单，定位错误并补齐；最后提交授权测试信息。合格结果是客户知道错在哪里，已填内容不无故丢失，按钮可触达，提交结果明确。若请求未成功，应允许核对或重试，而不是清空表单后只显示“失败”。
二维码也不能成为手机上唯一的联系方式。同一台手机上的二维码能否识别，取决于所用应用和具体操作；可以同时提供可复制的联系方式、电话入口或在线表单。每个入口应说明用途，例如“复制客服微信”，不能一个没有文字的图标同时承担多种含义。
什么时候局部修复，什么时候调整结构
只有一张表格撑宽页面，其他内容和咨询流程正常，通常先定位该表格的表现即可。若首页多个栏目必须缩成极小字、重要资料藏在复杂菜单里、客户必须反复返回才能找到询盘入口，就需要重新安排信息顺序，而不是继续缩字号和间距。
优先级也应按影响排序：无法提交咨询、关键条件丢失或产品主体被裁掉，应先处理；可以完成任务但间距略不均匀，通常随后调整。企业不必因一个局部问题立刻重建整站，也不应把多处共同的结构问题当成零散补丁无限修补。
提交给开发的记录应包含网址、设备与浏览器、操作步骤、预期结果和实际结果。例如：“P100 详情进入咨询，点需求框后，底部栏遮住提交按钮，无法完成填写。”附上键盘出现时的截图，比只说“手机不适配”更有用。修复后按同一步骤回测，再检查其他使用相同布局的代表性页面。
浏览器窄屏模拟适合快速发现布局问题；实际手机仍要检查键盘、点击、图片查看和咨询结果。若客户主要从某个应用内打开网站，也应在该入口测试。交付记录应写清测了哪些环境和任务，未测环境保留待验证，不能用一张首页截图证明所有页面都可用。
如果现有网站在手机上阅读或咨询不顺畅，可以私聊客服，提供代表性网址和卡住的步骤，我们可以结合实际页面判断修复范围与验收方式。
技术资料核对日期：2026-10-27。P100、P200 及测试场景均为虚构示例。
