iOS 6 中的 Cordova 导航栏更大答案

【问题标题】：Cordova navbar bigger in iOS 6iOS 6 中的 Cordova 导航栏更大
【发布时间】：2015-06-28 07:02:20
【问题描述】：

目前正在使用 Cordova 和 Ionic，并尝试使应用程序尽可能向后兼容（这出乎意料地好），但我偶然发现了一个小问题。

iOS 7 之后的导航栏更大了，它也覆盖了状态栏的背景，如下所示。

因此，当我在运行 iOS 6 或更早版本的手机上加载应用程序时，状态栏不会调整大小，整个页面只是向下移动，在页脚中隐藏了一些内容。

任何帮助将不胜感激。我可能遗漏了一些简单的东西。

【问题讨论】：

更大吗？还是透明的？我认为这是iOS7中的透明导航栏
为什么要实现 iOS 6 兼容性？基于 60,637,942,830 条记录，iOS 7 以下的 iOS 版本的市场份额约为 1.5%。 (mixpanel.com/trends/#report/ios_8/…)
@JadJoubran 它更大，抱歉，上面的例子不是最好的例子。如果您在 iOS 7 或 8 中为导航栏着色，状态栏的颜色也会发生变化，但在早期版本中并非如此。
@Sithys 感谢您提供的信息！

【解决方案1】：

如果我理解正确，那么您需要像这样添加填充：

document.body.style.marginTop = "20px";

这应该使导航栏视图正确。

【讨论】：