我在响应式网站上使用Bootstrap(2.3)。
我们有很多数据表,即使在删除所有不必要的列之后,它们也不能水平放置在移动屏幕上。如果不做任何事情,这些<table>
无法缩小,通过在页面水平页面外扩展并触发页面缩放(虽然页面缩放中没有其他元素)来破坏iOS上的移动布局。
目前,解决方案是将<table>
换行到溢出<div>
<div style="overflow: auto">
<table class="table>
</table>
</div>
这使得表格可以水平滚动。在overflow: auto
本身上应用<table>
似乎没有做任何事情,因此必须包装表格。问题
还有其他方法可以使水平<table>
移动设备友好吗?一些特殊的CSS规则可以帮到这里吗?
可以overflow: auto
通过CSS伪选择器在<table>
本身上应用,以便它能正常溢出吗?