minimal-ui
与智能应用程序横幅一起使用时,我似乎对 iOS 7.1 的功能有疑问。
我在页面顶部有一个空白,应用横幅覆盖了页面内容。
我已经在我的页面中关闭了所有样式,所以我知道这不是我自己的 CSS 造成的。
这是iOS错误吗?
编辑:演示:演示
和截图:
minimal-ui
与智能应用程序横幅一起使用时,我似乎对 iOS 7.1 的功能有疑问。
我在页面顶部有一个空白,应用横幅覆盖了页面内容。
我已经在我的页面中关闭了所有样式,所以我知道这不是我自己的 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>
这基本上在告诉 Safari 使用横幅之前强制滚动。
iOS 8不再支持minimal-ui
viewport 属性(请参阅iOS 8 发行说明)。
因此,我的建议是根本不使用minimal-ui
,智能横幅会显示得很好。