Cordova在iOS 6中导航栏变大

Question

目前正在使用Cordova和Ionic技术制作应用程序，并尽可能地使其向后兼容（这一点进展顺利），但我遇到了一个小问题。

自iOS 7之后，导航栏有所增大，并且覆盖了状态栏的背景，如下图所示。

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

非常感谢您的帮助。我可能遗漏了一些简单的东西。

- Mr.P

---

它更大吗？还是透明的？我认为这是iOS7中透明的导航栏。 - Jad Joubran

你为什么想要实现iOS 6兼容性？根据记录显示，iOS 7以下版本的市场份额约为1.5％，这是606,379,428,30个记录的基础上。(https://mixpanel.com/trends/#report/ios_8/from_date:-29,report_unit:day,to_date:0) - Sithys

@JadJoubran 这个问题比较大，抱歉，上面的例子不是最好的例子。如果你在iOS 7或8中给导航栏着色，状态栏的颜色也会改变，但在早期版本中并非如此。 - Mr.P

@Sithys 谢谢你的信息！ - Mr.P

Answer 1

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

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

这应该可以使导航栏正确显示。

请查看此链接 - http://coenraets.org/blog/2013/09/phonegap-and-cordova-with-ios-7/

- becoop