Question

这是我的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。我尝试过许多不同的方法，使用plain和min版本，在本地加载和从url加载，没有任何作用，没有。

这应该很简单！...

Answer 1

检查CSS文件的权限及其所在的目录。特别是，确保在CSS控制器上设置了x标志。众所周知，在某些情况下会影响CSS加载，例如在包含iBooks的某些ereader的EPUB中。

Answer 2

对我来说，这是因为我用'/'开始了我的路径。这在Chrome和Android中运行良好，但出于某种原因没有在IOS上运行。

未包含在Xcode，phoneGap中的CSS文件。但他们在浏览器中工作

2 个答案: