Question

MyApp

正如您所看到的，在我的页面底部仍然是一个空白区域。它的高度与ios6中的旧状态栏相同。我必须修改CSS吗？因为我从来没有为我的应用固定高度，所以工作灯总是选择合适的尺寸。

编辑：您必须保存图像并在具有不同颜色的桌面中打开才能看到底部的空白区域。

*
 *  Licensed Materials - Property of IBM
 *  5725-G92 (C) Copyright IBM Corp. 2011, 2013. All Rights Reserved.
 *  US Government Users Restricted Rights - Use, duplication or
 *  disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */

// This method is invoked after loading the main HTML and successful initialization of the Worklight runtime.
function wlEnvInit(){
    wlCommonInit();
    // Environment initialization code goes here
}

//Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);

// Cordova is ready
//
function onDeviceReady() {
    alert(device.version);
    if(device.version > "6.0")
        $(".elmecHeader").css("height", "70px");
}

Answer 1

是的，您需要调整iOS 7的应用程序。

您可以使用Cordova Device API来检测运行该应用的操作系统，并在iOS 6和7中为不同的操作系统布局使用不同的CSS（如果您愿意）。

我建议在顶部添加更多绿色背景，以便iOS 7中的新状态栏不会与您的应用设计重叠。

这是一个问题，所有基于网络的应用程序都会在iOS中受到影响，直到设计出适当的解决方案。

请务必阅读Apple提供的iOS 7 Transition Guide。

以上是一种建议的方法;您应该阅读更多有关iOS 7设计的资料，以及状态栏在iOS 7中的行为方式，并为您的应用选择正确的路径。

至于底部间距，这是Worklight中的一个错误。

Answer 2

Worklight 6.0.0.1刚刚在周末发布;它解决了屏幕截图中描述的状态栏问题 5.0.6.1的修复程序不是公开可用的（适用于使用此版本并需要它的客户）。

<强>更新
底部的白色间距是Worklight错误，并在最新的6.0.0.1 iFix中修复，并且可以从IBM Fix Centeral的客户处获得Worklight 6.0.0.x和Worklight 5.0.x.

Answer 3

自您发布问题以来，Worklight已更新。

下载最新版本的修订包，并确保完整阅读技术说明：http://www-01.ibm.com/support/docview.wss?uid=swg27039574

IBM Worklight 5.0.6.1 - iOS 7中的底部空白区域

3 个答案: