对于 iOS7 视图重叠状态栏问题，我在这个论坛中看到了解决方法，但是，当我们使用 IBM MobileFirst 平台开发我们的混合应用程序时，我们无法使用这些解决方法。我们不喜欢介绍任何操作系统特定的代码。 MobileFirst 有什么建议的解决方案吗？我们可以在 index html 文件中检测 iOS 版本，并在文档正文的边缘添加 20px。有没有更好的解决方案？
【问题讨论】：
标签： ios7 ibm-mobilefirst
通常你不应该做任何事情。 MFP 框架会检测 iOS 版本并自动应用 CSS，以便状态栏（不是应用程序的一部分，而是在应用程序之外）不会与最顶部的内容重叠。
这有时会在使用 jQuery Mobile 等 3rd 方框架时重新引入。
解决方案确实是应用特定于环境的 CSS（顺便说一句，在 MFP 中这是一件非常有效的事情，在 your-app\iphone\css 文件夹中，结合 JavaScript 进行平台检测）。
还有另一种解决方案 - 即更改应用程序，以便即使使用 iOS 7 及更高版本，状态栏的行为也会像以前版本的 iOS 一样。也就是说，在应用程序之外而不是应用程序的一部分。
为此，您需要打开 common\js\initOptions.js 并添加showIOS7StatusBar，设置为false。
您可以在以下 IBM 技术说明中阅读有关状态栏支持的更多信息：http://www-01.ibm.com/support/docview.wss?uid=swg27039574
【讨论】：
这种 css 方法似乎并不完全适合我。应用程序的初始渲染可以正常工作，但如果弹出键盘，可滚动视图将覆盖通知栏。 initOptions.js 中的 showIOS7StatusBar 似乎也没有将通知栏放在我的 MobileFirst 6.3 应用程序之外。但是，这种方法（编写 iOS 原生代码以显式限制 WebView）确实对我有用...
【讨论】：