Css 引导响应表不';t在iOS设备上水平滚动

Css 引导响应表不';t在iOS设备上水平滚动,css,twitter-bootstrap,twitter-bootstrap-3,responsive-design,jasny-bootstrap,Css,Twitter Bootstrap,Twitter Bootstrap 3,Responsive Design,Jasny Bootstrap,我有一个带有以下标记的表: <div class="table-responsive" <table class="table table-hover" <!-- table data--> </table> </div> 我发现默认情况下,.table元素具有最大宽度:100%,safari“尊重”了这一点,因此它将宽度设置为100%,这意味着.table元素没有溢出。table responsive元素,因此无

我有一个带有以下标记的表:

<div class="table-responsive"
    <table class="table table-hover"
        <!-- table data-->
    </table>
</div>

我发现默认情况下,
.table
元素具有
最大宽度:100%
,safari“尊重”了这一点,因此它将宽度设置为100%,这意味着
.table
元素没有溢出
。table responsive
元素,因此无法滚动。这在某种程度上不会影响android手机

修复相当简单:

.table-responsive .table {
    max-width: none;
}

引导响应表在iPhone上绝对有效。我已经用过很多次了。必须有其他CSS覆盖引导styles@SexyTurnip你可能是对的。我不确定是什么引起的。目前,将“最大宽度”设置为“无”手动解决了iPhone上的问题。我只是看了一眼,
max width:100%
捆绑在引导中,因此它必须来自原始引导。也许iOS 9.1有一些bug?我不知道发生了什么。。。
.table-responsive .table {
    max-width: none;
    -webkit-overflow-scrolling: touch !important;
}