移动端表格需要让用户理解每个值对应哪一列。简单缩小字体,会使关键参数难以阅读。
按内容选择形式
规格对照保留横向滚动,简单记录可改卡片,不能丢失字段关系。
提供浏览提示
表头与单位清楚,滚动区域明显,不让整个页面横向溢出。
验证辅助使用
表格结构与表头关联正确,长文本和放大字体测试。重要比较信息不只通过颜色表达。
表格先判断手机读者要比较什么
少量字段可转为逐项卡片,需要横向比较时提供可理解的滚动区域和固定列名。
检查长数字、单位与空值,保留表头语义,不能缩成难以阅读的小字号来容纳全部列。
例如参数表需要对照多种型号,可保留横向滚动并提示,不能把每列文字压成难读小字。
相关阅读:企业网站移动体验:响应式布局、导航与可访问性。