如何在 Windows Phone 上滚动引导模式

Question

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

模态不会在我的 windows phone 上滚动，而是整个页面滚动并且模态被剪裁到窗口大小（见下面的屏幕截图）。

它当然可以在我的 chrome 和 IE 桌面上正常工作。尚未在 iOS 和 Android 上测试过，但我想它可以正常工作。

我在 bootstrap.css 中添加了.modal { position: absolute; }，但没有任何区别。

编辑：这似乎与此问题相同：https://github.com/twbs/bootstrap/issues/11153

Answer 1

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

@-ms-viewport {
    width: auto;
}

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