iOS 8.1 Web 应用程序忽略填充或边距顶部答案

【问题标题】：iOS 8.1 web app ignoring padding or margin topiOS 8.1 Web 应用程序忽略填充或边距顶部
【发布时间】：2015-03-24 05:13:38
【问题描述】：

我正在尝试将我的移动网站制作成 web 应用程序。

我配置了 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 上的问题。但我没有找到问题的答案。

有没有人知道这是如何引起的并且可以解决？谢谢！

【问题讨论】：

标签： ios css web-applications padding statusbar

【解决方案1】：

我遇到了同样的问题，最终通过 jQuery 注入了边距。例如

$("#my-div").css('margin-top', '60px');

另外，当我对视口元标记的更改没有显示时，我删除了 webapp 图标，然后转到该站点并用不同的名称再次放置它；我的更改出现了，它从那里正常刷新。

希望对您有所帮助。

【讨论】：