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

Question

问题

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

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

• 我将身体位置设置为固定以防止身体滚动。当身体位置固定时似乎会发生

Safari-15底部导航区域问题视频

Answer 1

我有同样的问题。我使用 bootstrap (4.1v) 并设置

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

和

html,body{
height:100vh;
}

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