ios9移动safari景观css bug与位置：绝对底部：0

Question

我似乎无法找到解决方法。

在移动版Safari中的ios9上，如果网络应用使用position:absolute和bottom:0内容区域覆盖整个屏幕，则在landscape mode中，Safari版导航栏将覆盖底部内容，你不能滚过它 - 它不会在纵向阻止。

1. 纵向模式很好，即使有导航栏
2. 这不是方向更改错误，如果页面以横向启动
会发生
3. 如果将网页添加到主屏幕，则不会发生错误，在横向上工作得很完美，内容可见（因为导航不存在）

那么为什么safari在纵向中得到bottom:0是正确的而不是风景？

Answer 1

在max元素上设置position:fixed神奇地修复此

html

不确定原因，但必须是html { position:fixed; width:100%; height:100%; overflow:hidden; }解决的渲染错误

由于某种原因，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即可。