我正在努力让我的移动网站进入网络应用程序。
我配置了webapp设置：
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no">
而且，我正在使用Bootstrap并在顶部固定了一个导航，因此它会在移动设备上滚动用户。我在此导航栏中添加了padding-top: 20px;。
如果我打开网站，那就行了。但是将其保存为webapp使用正确的状态栏，但顶部填充消失了。
我发现了this问题，其中一些答案涉及iOS 8.1 / 8.2中目前存在的问题。但我没有找到问题的答案。
有没有人知道这是如何造成的并且可以修复？谢谢！
答案 0 :(得分：0)
我遇到了同样的问题，并最终通过jQuery注入了边距。 e.g。
$("#my-div").css('margin-top', '60px');
此外，当我对viewport元标记的更改未显示时，我删除了webapp图标，然后转到该网站并使用其他名称重新放置它;我的变化出现了，并且从那里正常刷新。
希望有所帮助。