Mobile Safari-15 底部导航区域问题

Question

问题

如果您在折叠底部导航时打开模式（绝对位置或固定位置），底部导航区域将保持空白区域。我认为该区域是浏览器区域，因此无法通过 css 或 javascript.

摆脱该区域

有什么办法可以去除空白区域吗？

• 我将 body 位置设置为固定以防止 body 滚动。它似乎发生在 body 位置固定时

Safari-15 bottom navigation area issue video

Answer 1

我有相同的 issue.I 使用 bootstrap (4.1v) 并设置

.modal .modal-dialog-centered {
        min-height: 100vh;
}

和

html,body{
height:100vh;
}

这就解决了我在 IOS 中的模态问题。