模式中的Twitter Bootstrap 3响应表不会在移动设备上向下滚动

Question

我有一个带有响应表的模态，它在桌面计算机上工作正常，但在移动设备上它不能很好地工作，因为你无法滚动到表的末尾。

您可以在此处查看示例：http://www.draftfantasyfootball.co.uk/players 如果您点击表格中的玩家名称，会打开一个模态，但在移动设备（或至少是iPhone 4）上，您无法滚动到模式的底部。

任何人都知道这是为什么？

由于

Answer 1

我假设您在移动设备上的模态设置为屏幕的全宽和高度。如果是这样，您应该尝试在模态内容类中添加以下属性，如下所示：

.modal-content{
max-height: calc(100vh - 1px);
    overflow-y: auto;
}

它应该适用于默认的CSS，如果它不起作用，那么请告诉我们您的代码。