Ios9移动safari横向CSS错误，位置:绝对底部:0

Question

我似乎找不到解决这个问题的方法。

在ios9的移动safari中，如果一个web应用程序使用position:absolute和bottom:0的内容区域覆盖整个屏幕，当在landscape mode的safari导航栏将覆盖内容的底部，你不能滚动过去它-它不会阻止在纵向

1. 纵向模式很好，即使导航栏在那里
2. 这不是一个方向改变的错误，如果页面以横向方式开始，就会发生
3. 错误不会发生，如果网页被添加到主屏幕，工作完美的景观和内容是可见的(因为导航不存在)

那么为什么safari得到bottom:0正确的纵向而不是横向?

Answer 1

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

html { position:fixed; width:100%; height:100%; overflow:hidden; }

不确定为什么，但一定是fixed在

周围工作的渲染错误

由于某些原因fixed也改变了横向字体大小但我也可以解决这个问题

Answer 2

我有同样的问题，在方向改变，如果它在landscape模式，改变你的viewport元为:

width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no

我通过简单地找到$('meta[name="viewport"]')并替换它的content来做到这一点。