2025-11-20 06:23:47
表格没滚动条啊 是因为容器和表格的大小没对上。比如手机上点开超长表格,手机屏幕宽度不够装得下表格内容,但开发者没让表格能滑动,所以只能看到一部分。
有的表格根本不管容器宽度,表格内容直接撑到屏幕外边。比如测试数据显示,80%的案例因父容器未设置overflow-x: auto导致滚动失效。像这样表格宽度是1000px,但容器只给500px,表格左边会显示300px,右边留200px空着。这时候开发者应该给容器加个overflow-x: auto,让多余内容能往右滑。还有一种是表格用overflow: hidden,这就像给表格套了个透明塑料袋,内容超了就看不见了。比如微信文章里的长列表,没加滚动条就是用了这个 trick。另外手机端表格滚动条特别爱出问题,因为屏幕分辨率低,开发者可能没测试过真实场景,导致表格内容稍微多了一点就卡住。
本题链接: