Android Webview不实现CSS_Android_Css_Html_Jquery Mobile_Webview

Android Webview不实现CSS

android css html jquery-mobile webview

Android Webview不实现CSS,android,css,html,jquery-mobile,webview,Android,Css,Html,Jquery Mobile,Webview,我正在创建一个带有webview的Android应用程序。我计划将所有PHP、HTML5、CSS和Javascript文件放在一台服务器上。我正在使用JQuery移动框架以下是打开webview的代码：以下是CSS文件： img.option { paddding:5px; border:3px solid #FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-rad

我正在创建一个带有webview的Android应用程序。我计划将所有PHP、HTML5、CSS和Javascript文件放在一台服务器上。我正在使用JQuery移动框架

以下是打开webview的代码：

以下是CSS文件：

img.option {
    paddding:5px;
    border:3px solid #FFFFFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#text_question {
    font-size:25px;
    text-align: center;
}
img.question {
    padding:5px;
    border:4px solid #FFFFFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#offer {
    display:block;
    width:480px;
    margin:10px;
    height:20px;
    padding:5px;
    -webkit-border-radius:10px;
    color:#000000;
    -moz-border-radius:10px;
    border-radius:10px;
    border:3px solid #DBDBDB;
}

以下是加载CSS的HTML文件的一部分：

<link rel="stylesheet" 
      href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" href="styles/styles.css" />
<script src="js/jqm_171.js"></script>
<script src="js/jqm120_alpha.js"></script>

以下是body标签中的HTML5代码：

    <body>
    <div align="center" data-role="page" data-theme="b">
        <div data-role="header">
            <h1>Trivia Game</h1>
        </div>
        <div data-role="content">
            <div data-role="fieldcontain">
                <h1>Question #1</h1>

                <img class="question" 
                                         src="images/q1.jpg" 
                                         align="center" />
                <div id="text_question">
                    <p>Which guitar is used in this picture?</p>
                </div>

                <table cellspacing="10">
                    <tr>
                        <td>
                            <img class="option"
                             id="option_1" 
                             src="images/c1.jpg" 
                             onclick="selected_option(1)" />
                        </td>
                        <td>
                            <img class="option"   
                             id="option_2" 
                             src="images/c2.jpg" 
                             onclick="selected_option(2)" />
                        </td>
                    </tr>
                        <td>
                            <img class="option" 
                             id="option_3" 
                             src="images/c3.jpg" 
                             onclick="selected_option(3)" />
                        </td>
                        <td>
                            <img class="option" 
                             id="option_4" 
                             src="images/c4.jpg" 
                             onclick="selected_option(4)" />
                        </td>
                    </tr>
                </table>

                <br /> <br />
                <div id="offer">To learn more on Stylist :
                 Article, Links and Benfits - <a href="#">Click here</a></div>
            </div>
        </div>
    </div>   
</body>


益智问答游戏
问题#1
这幅画用的是哪把吉他



要了解有关Stylest的更多信息：
第条、联系和利益-

这是一个场景：

当我在电脑浏览器中打开网页时，一切正常。我所有的CSS样式都很好用

当我第一次在Android浏览器中打开网页时（没有重新加载），CSS样式不会显示。但是当我刷新它时，它会显示CSS样式

当我打开我创建的应用程序时，CSS不起作用。我的应用程序中不会显示所有CSS样式

应用程序的屏幕截图（不实现CSS）：

Android浏览器的屏幕截图（实现CSS）

Android不支持表标记。在html中包含表标记，这就是为什么您没有获得正确的视图

Android仅支持以下html标记。

<a href="...">
<b>
<big>
<blockquote>
<br>
<cite>
<dfn>
<div align="...">
<em>
<font size="..." color="..." face="...">
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
<i>
<img src="...">
<p>
<small>
<strike>
<strong>
<sub>
<sup>
<tt>
<u>

它在安卓浏览器中的功能是否相同？@NoBugs我的问题中描述了每个屏幕截图。第一个是应用程序的屏幕截图，第二个是我的Android设备浏览器的屏幕截图。这是不同的，浏览器实现了css，而应用程序没有。我知道这是旧的，但你尝试过绝对URL到你的css吗？仅供参考，我不是那个给你的答案投反对票的人。你能告诉我你答案的来源吗？一些文档或文章可能。。我无法完全理解您所说的内容。如果您看一下我的代码，我也使用了div作为CSS，但它仍然没有出现。所以Android不支持
，
，
，
，
，
和其他标记？这是哪一个版本的安卓系统？请举出你的答案的来源。
<a href="..."> <b> <big> <blockquote> <br> <cite> <dfn> <div align="..."> <em> <font size="..." color="..." face="..."> <h1> <h2> <h3> <h4> <h5> <h6> <i> <img src="..."> <p> <small> <strike> <strong> <sub> <sup> <tt> <u>