使用长水平行进行移动友好<table class =“table”> </table>

时间:2014-01-08 11:35:50

标签: iphone css twitter-bootstrap responsive-design mobile-website

我在响应式网站上使用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>本身上应用,以便它能正常溢出吗?

1 个答案:

答案 0 :(得分:1)

我听说Foo Tables非常善于在低分辨率/响应环境中显示表格信息。