Safari iOS 7.1 minimal-ui 和 Smart App Banner

Question

当与智能应用横幅一起使用时，我似乎对 iOS 7.1 的 minimal-ui 功能有疑问。

我在页面顶部有一个空白，应用横幅覆盖了页面内容。

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

这是 iOS 错误吗？

编辑:演示:demo

和截图:

Answer 1

如果您不介意使用一些 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>

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