Phonegap在页面末尾留下空白区域

时间:2014-05-27 12:03:56

标签: android jquery-mobile cordova

我使用的是cordova 1.9.0和jquery mobile 1.3.2。我正在开发android上的phonegap应用程序。但是在每一页的最后我都会得到一个空白。最初看不到空间,但是当我向上滚动标题时,空白区域是可见的。我尝试在stackoverflow中实现每个解决方案,但没有一个工作。这该怎么做 ? 我的一些代码是这样的:

<html>
    <head>
        <title>Slider Stop</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" charset="utf-8" src="js/cordova-1.9.0.js">    </script>
        <link rel="stylesheet" href="js/jquery.mobile-1.3.2.min.css" />
        <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.3.2.min.js"></script>

</head>
<body>

    <div data-role="page" id="home">
    <div data-role="header">
        <h1>App</h1>
    </div>
        <div data-role="content">
            <p>
            <ul data-role="listview" data-inset="true" data-theme="c">
                <li id="listitem">Swipe Right to view Page 1</li>
            </ul>
            </p>
        </div>
             <div data-role="footer" data-position="fixed">
        <h4>Footer content</h4>
    </div>
        </div>

    </body>
</html>

0 个答案:

没有答案