Cordova导航栏在iOS 6中更大

时间:2015-04-21 08:26:56

标签: ios css cordova ionic-framework ionic

目前正在与Cordova和Ionic合作并尝试使应用程序尽可能向后兼容(这种情况非常出色),除非我偶然发现了一个小问题。

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

iOS 6 vs iOS 7 navbar

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

非常感谢任何帮助。我可能错过了一些简单的事情。

1 个答案:

答案 0 :(得分:1)

如果我理解正确,那么你需要添加这样的填充:

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

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

请参阅此内容 - http://coenraets.org/blog/2013/09/phonegap-and-cordova-with-ios-7/