ios9 移动 safari 风景 css 错误，位置：绝对底部：0答案

【问题标题】：ios9 mobile safari landscape css bug with position:absolute bottom:0ios9 移动 safari 风景 css 错误，位置：绝对底部：0
【发布时间】：2016-01-07 11:27:27
【问题描述】：

我似乎找不到解决方法。

在ios9手机safari中，如果webapp使用position:absolute和bottom:0作为内容区域覆盖整个屏幕，在landscape mode时safari导航栏会覆盖到内容底部，无法滚动过去 - 它不会纵向阻挡。

人像模式很好，即使有导航栏
这不是方向更改错误，如果页面以横向启动时会发生
如果网页被添加到主屏幕，则不会发生错误，在横向上完美运行并且内容可见（因为导航不存在）

那么，为什么 safari 的 bottom:0 在纵向上正确，但在横向上却不行？

【问题讨论】：

不敢相信没人会遇到这个 - 好老的 Safari！

标签： ios css html mobile-safari landscape

【解决方案1】：

我有同样的问题，如果它处于landscape 模式，则在方向更改时，将您的viewport 元更改为：

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

我只需找到$('meta[name="viewport"]') 并替换它的content 即可。

【讨论】：

【解决方案2】：

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

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

不知道为什么，但肯定是 fixed 可以解决的渲染错误

出于某种原因fixed 也更改了横向字体大小，但我也可以解决这个问题

【讨论】：

这对我和我们的情况都有效。即使它可能对其他人不起作用。
很好的解决方案！被这几个小时困住了。