Safari iOS 7.1最小用户界面和智能应用程序横幅

我似乎对iOS 7.1的

最小ui

功能在与智能应用程序横幅结合使用时存在问题

我在页面顶部有一个间隙，应用程序横幅覆盖了页面内容

我已经关闭了页面中的所有样式，所以我知道这不是我自己的CSS造成的

这是一个iOS错误吗

编辑：演示：

和屏幕截图：

---

如果您不介意使用一点javascript，这里是我修复它的方法

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0, minimum-scale=1.0, width=device-width, minimal-ui" />
<script>
    document.body.scrollTop = 0;
    document.write('<meta name="apple-itunes-app" content="app-id=XXXXXXXX"/>');
</script>

document.body.scrollTop=0；
文件。写（“”）；

---

这基本上是在告诉Safari使用横幅之前强制滚动。

iOS 8不再支持

最小ui

视口属性

---

因此，我的建议是根本不要使用

最小ui

，智能横幅将显示得很好。

横幅的大小看起来与状态栏的大小相同，您是否有代码尝试按状态栏高度偏移页面？请参阅演示链接：您可以使用零内容/脚本/css进行设置。我想是iOS错误。Sigghhhthis对我不起作用，因为document.write根本没有导致smart横幅出现（iOS 7.1.1）。我们最终只是删除了

最小ui

，因为它不是绝对必要的。