第 3 课 13 / 16 | 编码:L03-20
比较与审查

代码对照:差异会带来什么?

同一张课程表在 320px 宽度下溢出。两种修复都消除了页面横向滚动,哪种仍保留全部数据的访问方式?

写法 A

.wrapper { overflow: hidden; }
table { min-width: 640px; }

写法 B

.wrapper { overflow-x: auto; }
table { min-width: 640px; }

提问:指出关键差异,给出适用条件或反例;不要仅以代码长短判断。以上为对照片段,阅读其前提后再分析。

查看参考解析

A 裁剪超出的列,消除滚动不等于可读。B 将横向滚动限制在 wrapper。还要检查长单元格、焦点可见性及触摸/键盘阅读,不能仅看桌面截图。