摘要：产品规格对比表在手机端显示不全时，不能只缩小字号。本文按字段比较关系、型号数量、滚动范围和转发状态判断横向表格或分组展示，并给出验收方法。
产品规格对比表在手机端被截断时，不应直接缩小字号。列与列必须同时阅读，优先保留表格并提供明确的横向滚动；每组规格可以独立理解，才适合拆成型号卡片或分组列表。判断依据是比较关系，不是桌面版表格有多少列。
先按列关系决定横向滚动还是拆组
先标出客户完成一次选型必须同时看到的字段。以型号字段示例CF-200、CF-320为例，若读者需要在同一行比较处理量、功率、接口尺寸和电源，拆成两张卡片会迫使他来回记数，反而增加误读。此时可保留语义完整的table结构，在外层设置横向滚动，并固定左侧型号列。手机初次打开时至少露出下一列的一部分，让读者能发现右侧还有内容；滚动条被系统自动隐藏时，可在表格下方使用简短的“左右滑动查看参数”提示，不要用遮住数值的浮层。
表头要与数据保持明确对应。单位写进表头，例如“功率（kW）”“接口（mm）”，不要在每个单元格重复，也不能只在表格上方写一串单位说明。合并表头用于区分标准配置与选配项时，仍需保证每个数据列有自己的名称。第一列若固定，背景应为不透明色，并设置合适的层级，否则横向滑动后，数字会透在型号文字下面。列宽不能只靠内容自动撑开；短值可设稳定宽度，长说明则移到表格后的备注区。
分组展示适合另一类资料：每个型号拥有相同字段，但用户更常逐台阅读，不需要一次看完所有型号。例如一台设备的外形尺寸、净重、包装尺寸和选配附件可以组成一个型号区块。区块标题保留型号，字段名和值成对排列，单位仍写在字段名中。不要把每一个单元格都做成独立卡片，那会切断“字段名—数值—适用条件”的关系。若型号超过三四个，可先提供型号选择控件，再显示同一套字段，但选中状态必须进入URL或查询参数，刷新和转发后不能回到默认型号。
用真实型号和390px视口完成验收
验收不要只拖窄电脑浏览器。准备一组最长的真实字段：最长型号、带小数的数值、范围值、单位、选配说明和“以订单确认为准”这类边界语句。字段示例可用Model、Capacity、Power、Connection、Dimensions、Option，数值只是版式测试样本，不能冒充真实规格数据。用约390px视口打开页面，检查document.scrollWidth是否等于视口宽度；允许表格容器内部滚动，但不能让整个页面横向移动。
横向表格要逐项查四个动作。页面上下滚动时，固定型号列不能盖住导航或正文；表格左右滑动到末端后，末列要完整显示；放大文字后，数值不能被裁掉；点击型号对应的询价入口时，提交数据要带上当前型号。表单字段可使用product_model、source_url和compare_group，销售收到后才能还原客户从哪组比较进入。若表格由脚本加载，还要查看页面初始HTML是否至少包含表头、型号和核心规格，避免抓取程序只得到空容器。关闭脚本后仍应留下可阅读的型号与关键数值，而不是一块空白区域。
分组列表的验收重点不同。连续展开两个型号后，页面不能跳回顶部；复制链接给同事，打开后应保留所选型号；字段缺值时显示“未提供”或直接隐藏整行，不要留下只有单位的空项。桌面端也要复查，因为移动端拆组后，开发人员容易把桌面表格与手机列表维护成两份数据。两种视图应读取同一条产品记录，任一字段修改后同时更新。
上线前再用键盘聚焦滚动区域，确认使用者能进入表格并查看被遮住的列；同时查看图片、表格和长型号是否超出正文宽度。若手机端仍需要把字号压到难以阅读，说明展示方式选错了。保留比较关系、让状态可转发、让页面本身不横向溢出，这三项都满足，规格对比表才算真正适配移动阅读。
