ios9 移动 safari 景观 css 错误，位置为 :absolute bottom:0

Question

我似乎找不到解决方法。

在移动 safari 中的 ios9 上，如果 webapp 使用 position:absolute 和 bottom:0 作为内容区域以覆盖整个屏幕，当处于 landscape 时mode Safari 导航栏将覆盖内容的底部，您无法滚动过去 - 它不会在纵向中阻塞。

1. 纵向模式很好，即使有导航栏也是如此
2. 这不是方向更改错误，如果页面以横向启动则会发生
3. 如果将网页添加到主屏幕、横向运行完美且内容可见(因为导航不存在)，则不会发生错误

那么为什么 safari 在纵向而不是横向时得到 bottom:0 正确？

Answer 1

在 html 元素上设置 position:fixed 神奇地修复了这个问题

html { 位置:固定；宽度:100%；高度:100%；溢出:隐藏； }

不确定原因，但一定是已修复解决的渲染错误

出于某种原因已修复也改变了横向字体大小但我也可以解决这个问题