五列表格在 375 像素宽的手机上撑到 495 像素,页面整体能左右拖动,最后一列被裁掉一半,桌面上完全正常。日志里能对上时间点,这种反而好排。

表格区块默认按内容撑宽,没有包横向滚动容器,单元格里的长数字又把最小宽度顶开。主题把 overflow-x 只加在 body 上,挡不住内部元素。这一点先确认清楚,后面就不用反复试。

.wp-block-table { overflow-x: auto; }
.wp-block-table td { padding: 6px 8px; word-break: break-word; }

围绕「表格区块移动端溢出」排查时,命令行跑一遍比在面板里点十次有用,面板会替你做掉不少隐式操作。偶发问题先统计频率,一小时几次和一天一次,查法完全不同。

改完顺手把文档补一句,省得下次自己重新推一遍。监控和日志的时间要对上,时区不一致会多绕很大一圈。

处理上按这个顺序:给表格外层包一个可横向滚动的容器;压缩单元格内边距并允许换行 降低最小宽度;手机断点下把五列改成两列卡片 别硬塞。

结果对不对很好判断,375 像素宽下页面不能左右拖动,表格可以在自己的区域内滑动。

作者 9823189