Safari iOS 7.1 minimal-ui和Smart App Banner

Question

当与智能应用横幅结合使用时，我似乎遇到了iOS 7.1＆＃39} 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使用横幅之前，这基本上会强制滚动。

Answer 2

iOS 8中minimal-ui视口属性不再受支持（请参阅iOS 8 Release Notes）。

因此，我的建议是根本不使用minimal-ui ，智能横幅会显示正常。