我有一个带有以下标记的表：
<div class="table-responsive"
<table class="table table-hover"
<!-- table data-->
</table>
</div>
正如文档所说，我的表现在应该能够水平滚动。如果我使用chrome的设备模拟器，它确实有效。然而，当我尝试使用真正的iPhone（在这种情况下为iPhone 5s - 在iPhone 6上测试过）时，我根本无法水平滚动表格。我可以看到默认情况下在视口中显示的最后一列，我只是不能侧向滚动它。我在我的iPhone上使用chrome和safari尝试过这种行为。
我试图做的是添加 -webkit-overflow-scroll: touch 但它没有解决问题。我也试过手动添加 overflow-x: scroll 而不是默认值 auto 但没有用。
我不确定它是否重要，但我也有一个bootstrap插件 - offcanvas - by jasny bootstrap 我也不能在我的iPhone上垂直滚动那个侧边菜单。这一切都在仿真器中工作，但在真实的东西上失败了。
也许那两个人以某种方式相连。
任何帮助表示赞赏。
编辑：
我刚刚在Android手机上测试过，看起来我可以按预期水平滚动表格。但是，即使在android上，我仍然无法垂直滚动侧面菜单。我想这意味着这些问题并没有相互联系。