窄屏下表格需要重构而非等比缩放
别名: 表格响应式 · 窄屏表格 · 表格重构 · responsive table
概念解释
视口变窄之后，表格不能整张按比例缩小。等比缩放会把字号、列宽和触达高度一起压到可读和可点之下，对比平面名存实亡。表格重构（table reflow）是换一种结构来保住原来的任务：变成键值卡片、主从两级、或只保留关键列加横向查看。缩放改变的是尺寸，重构改变的是「一条记录在窄屏上怎么被读完、怎么被拿来比」。
机制
表格的比较优势来自列对齐，而列对齐需要水平分辨率。窄屏上分辨率不够时，有两条失败路径。一条是缩小一切：文字低于可读阈，行高低于触达，对齐还在但已经看不见、点不中。另一条是保持字号却把表横向塞进视口：用户必须左右滑动才能拼出一行，垂直比较时列已经滑走，对齐在时间上被拆开。重构承认水平分辨率不够用，于是改任务形态——把一行变成一张键值卡，比较改为在卡片间进行；或冻结识别列、其余列改为逐条展开。无论哪一种，都是主动丢掉「所有列同时在场」，去换可读与可点。等比缩放哪边都不换，只是把原来的桌面表缩小到非法的物理尺寸。
怎么研究
同一批比较与识别任务，分别在桌面表、等比缩小的窄屏表、以及卡片化 / 主从化重构上做。测量可读性（朗读错误）、触达（误点）、比较正确率、以及为拼出一行而做的横向滑动次数。自变量：视口宽度、重构策略、保留列的选择。因变量：任务完成率、滑动距离、主观是否还觉得「在用一张表」。若缩小条件下朗读和点选先垮、重构条件下比较变慢但任务仍能完成，就说明该换结构而不是换尺寸。
边界
只含两三个短列的表在手机上可能仍能当表用，重构是多余的。专家在平板横屏上仍要多列对比时，可保留表并加横向滚动，但那是「承认比较平面还在」，不是缩放。打印和投影有物理尺寸下限，缩放会先于重构把字毁了，应换页或换版心。把每一行变成完全不同的卡片布局时，列的量纲对齐消失，原来的比较任务可能需要新的排序和筛选来补偿，不能假装重构零代价。
怎么落地
- 为窄视口指定一种重构：关键列列表、行转卡片、或主从，而不是
transform: scale式的整表缩小。 - 重构时先保住识别字段和一到两个比较字段；其余属性进详情，不要在卡片上堆回全部列。
- 若必须保留多列对比，保持字号与行高，允许横向滚动，并让识别列在滑动时仍在。
- 验证：在目标窄屏上完成原来的比较问句。若必须放大系统字号才能读、或点不中行，就是还在缩放。若问句能答但路径变成「筛选后再逐张看」，重构才算接住了任务。