如何制作phonegap应用,不要使用'全屏

时间:2016-01-16 13:31:01

标签: android ios iphone cordova

我正在创建一个PhoneGap应用以便学习。

这是到目前为止的代码:

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />

        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>El Especialista</title>
    </head>
    <body>
        <div class="branca">
            <header>
                <img src="img/logo.png" /> 
            </header>
        </div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>

当我更新iPhone上的phonegap应用程序时,标题会从顶部开始,位于通知栏下方(我的意思是,通知栏位于我的应用程序上方,涵盖部分应用程序)

检查底部的图片以便更好地理解。

我该如何解决?我的意思是,我知道我可以在顶部添加填充或边距,因此应用程序将在通知栏之后启动,但在Android或其他设备中,屏幕不同,并且它不会工作。

有什么样的配置,让应用程序在iphone和android的通知栏之后?

enter image description here

1 个答案:

答案 0 :(得分:0)

在您的config.xml中,您可以将首选项设置为全屏:

<preference name="fullscreen" value="false" />

你可以在这里找到一些文件:

http://docs.build.phonegap.com/en_US/2.9.0/configuring_preferences.md.html