html - iOS 7.1 最小用户界面导致视口(viewport)高度 css 单元 (vh) 出现问题

Question

自 iOS 7.1 以来，当您向下滚动页面时，视口(viewport)大小会发生变化，但不会更新 100vh 是否有任何方法可以停止最小 ui 或在滚动时更新视口(viewport)？

示例网站 http://goo.gl/Umbd47

我在下面附上了问题的图片以及它应该看起来的样子之一。

Answer 1

如果滚动元素不是body，则不应激活最小 UI。

使用 overflow: auto 将您的内容包装在一个 div 中，并将您 body 的 overflow 设置为 visible。 body 和 div 的高度和宽度都必须设置为 100%。

所以你的 css 可能看起来像:

body {
    width: 100%;
    height: 100%;
    overflow: visible;
}

#container {
    width: 100%;
    height: 100%;
    overflow: auto;
}