Cordova导航栏在iOS 6中更大

Mr.*_*r.P 7 css ios cordova ionic-framework ionic

目前正在与Cordova和Ionic合作并尝试使应用程序尽可能向后兼容(这令人惊讶地好),除了我偶然发现了一个小问题.

iOS 7之后的导航栏更大,因为它还覆盖了状态栏的背景,如下所示.

iOS 6与iOS 7导航栏

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

任何帮助将不胜感激.我可能错过了一些简单的东西.

小智 1

如果我理解正确,那么您需要添加如下填充:

document.body.style.marginTop = "20px";
Run Code Online (Sandbox Code Playgroud)

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

看到这个 - http://coenraets.org/blog/2013/09/phonegap-and-cordova-with-ios-7/