2

Android用のjquery mobile/phonegapでアプリを開発しています。問題は、画面の下部にある空白です。スクリーンショットが役に立ちます。インターネットで検索しましたが、適切な答えが見つかりませんでした。

スクリーンショット: http://img248.imageshack.us/img248/5922/jquerymobile.png

コード：

<!DOCTYPE html> 
<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.8.0.js"></script>
        <link rel="stylesheet" href="js/jquery.mobile-1.2.0.min.css" />
        <script type="text/javascript" src="js/jquery-1.81.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.2.0.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">
        <h4>Footer content</h4>
    </div>
        </div>

    </body>
</html>
4

2 に答える 2

2

「フッター」divを下に送信してみてください：

<div data-role="footer" data-position="fixed">
于 2013-01-04T19:53:08.540 に答える