例如,使用引导程序4响应表:
<div class="table-responsive">
<table class="table">
...
</table>
</div>
该表在您尝试滚动之前不会在iOS上显示为可滚动,因为未显示滚动条,而且Apple也已删除了设置滚动条样式的选项,以使其在没有任何用户交互的情况下显示。
因此,如果表的内容不是明显不完整的,例如,最右边的表单元格上显示了一半的按钮,则用户将不知道可能有更多的列他/她没有看到。
如何显示表格可滚动?
如果要显示水平滚动条,请使用overflow-x: scroll;
,而要显示垂直滚动条,请使用overflow-y: scroll;
上的table
。