javascript - 如何在 Windows Phone 上滚动 Bootstrap 模式

Question

我有一个由 angularJS (v1.2.14) 使用最新版本的 bootstrap (v3.1.1) 创建的简单模态实例

模态框不会在我的 Windows Phone 上滚动，而是整个页面滚动并且模态框被裁剪到窗口大小(见下面的屏幕截图)。

在我的 chrome 和 IE 桌面上当然可以正常工作。尚未在 iOS 和 Android 上对其进行测试，但我想它运行良好。

我添加了 .modal { position: absolute; 到 bootstrap.css 但它没有任何区别。

编辑:这似乎是同一个问题:https://github.com/twbs/bootstrap/issues/11153

Answer 1

解决方案是添加以下 css 样式:

@-ms-viewport {
    width: auto;
}

html,body {
    -ms-overflow-style: none !important; 
}