这是什么
一个列很多的表格，或者用固定尺寸而非灵活尺寸构建的表格，天然就是宽的——这在桌面屏幕上没问题，但它不会像页面上大多数其他构建良好的内容那样，缩小以适应窄得多的手机屏幕。相反，它要么迫使整个页面横向滚动，要么变得难受地被挤压、难以阅读。
为什么重要
横向滚动是访客在手机上遇到的更令人不适的事情之一，因为它打破了人们在网络上其他地方普遍期待的上下滚动模式，而且很容易真的错过刚好在屏幕右侧之外的内容，却完全没意识到它存在。在一个原本对移动端非常友好的页面上，一个宽而没有被包裹处理的表格，就可能是唯一让整体体验对移动访客来说感觉损坏的东西。
如何解决
- 找出你网站上哪些表格列数很多，或者是用固定像素宽度而非灵活宽度构建的。
- 把每个宽表格包裹在一个带有 CSS 属性
overflow-x: auto的容器中——这能保持表格自身的布局不变，但让访客可以用手指滑动，只横向滚动那一个表格，而不是整个页面移动。 - 对于列数很多的表格，考虑改用响应式表格模式——例如，在窄屏幕上把每一行堆叠成自己带标签的卡片，而不是在任何尺寸下都保持传统的网格布局。
- 如果你使用的是网站建设工具，在自己构建定制修复方案之前，先检查它的表格模块是否已经有「移动滚动」或「响应式」开关。
- 在实际的窄手机屏幕上（或浏览器的移动预览模式）测试修复效果，而不仅仅是调整桌面浏览器窗口的大小，因为触摸滚动的行为与鼠标不同。