0

これが私のhtmlコードです：

<!DOCTYPE html>
<!--
 test app
 -->
<html>
    <head>
        <title>jQuery Mobile page</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
            <link rel="stylesheet" charset="utf-8" href="http://darrenvenn.com/greenie.min.css" />
            <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
            <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
            <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
            <title>test app</title>
            </head>
    <body>
        <div data-role="page" data-theme="a">

            <div data-role="header" data-position="inline">
                <h1>Sample Header</h1>
            </div>
            <div data-role="content" data-theme="a">
                <input type="button" value="selection 1" onclick=""/>
                <p>
                <input type="button" value="selection 2" onclick="" />
                </p><p>
                <input type="button" value="selection 3" onclick="" />
                </p><p>
                <input type="button" value="selection 4" onclick="" />
                </p>
            </div>
                <script type="text/javascript" src="cordova-2.2.0.js"></script>
        </div>
    </body>
</html>

これをブラウザから実行すると、greenie.min.cssファイルが正常に検出されます。PhoneGap / Xcodeで実行すると、cssがロードされません。ブラウザで正常に読み込まれるときに、なぜ私のcssがPhoneGapに読み込まれないのか疑問に思います。プレーンバージョンと最小バージョンを使用して、ローカルにロードし、URLからロードするなど、さまざまな方法で試しましたが、何も機能せず、何もありません。

これはとても簡単なはずです！...

4

2 に答える 2

0

CSSファイルとそれらが配置されているディレクトリの権限を確認してください。特に、CSSダイレクタにxフラグが設定されていることを確認してください。これは、iBooksを含む特定の電子書籍リーダーを備えたEPUB内など、特定の場合にCSSの読み込みに影響を与えることが知られています。

于 2012-12-26T03:11:07.500 に答える
0

私にとっては、パスを「/」で始めたためです。これはChromeとAndroidでは正常に機能しましたが、何らかの理由でIOSでは機能しませんでした。

于 2015-07-17T20:19:36.103 に答える