Ipad上只有Iphone的应用程序在顶部显示空白白条

Question

我有一个使用sencha touch和cordova的仅iPhone应用程序，该应用程序功能齐全，在iPhone上没有任何问题。 当我在Ipad上运行它时-它在顶部显示一个空白的白色屏幕，通常显示状态栏。 它可以缩放到适当的高度，即460像素，但顶部有一个白色条。 当我在iPhone或iPad模拟器上运行它时，它不会出现-仅当在实际的iPad设备上运行它时，才会出现白条，并且在所有页面上都可以看到。 任何人都知道如何摆脱这种白条？ 我也尝试在index.html中设置视口，但这也不起作用。

<meta name="viewport" content="initial-scale=1.0">

也尝试过

<feature name="StatusBar">
            <param name="ios-package" value="CDVStatusBar" onload="false" />
        </feature>

在cordova config.xml中，但没有用。

除此之外，整个应用程序运行正常，没有任何问题。

Answer 1

经过两天的苦苦挣扎，我终于找到了答案。 由于我的项目使用的是cordova状态栏插件，因此我可以通过调整index.html来自定义状态栏。 因此，对于面临相同问题的任何人-在仅iPhone的应用程序中，您的应用程序页面上方都会显示空白的白色状态栏，这是可以解决您问题的链接： http : //www.joshmorony.com/take-complete-control-带有phonegap构建的ios状态栏/

因此，我要做的就是在index.html中添加StatusBar.backgroundColorByName("black")行。 因此，状态栏以黑色显示，并与背景黑色合并，同时完美显示该应用程序。 这样做的缺点是，即使在iPhone上，我的状态栏也会显示黑色背景，这是我所不希望的，因此我不得不设置if​​条件来检查设备类型。 这是我解决问题的全部代码：

<script src="touch/sencha-touch-all.js">
    </script>
    <!-- The line below must be kept intact for Sencha Command to build your application -->
    <script id="microloader" type="text/javascript" src=".sencha/app/microloader/development.js"></script>
    <script>
    document.addEventListener('deviceready', function() {
        setTimeout(function() {
            navigator.splashscreen.hide();
            //StatusBar.styleDefault();
            if(Ext.os.is.Tablet)
                {
                    StatusBar.backgroundColorByName("black");
                }
            else
            {
                StatusBar.styleDefault();
            }

        }, 1000);
    });
    </script>