1991ldc 发表于 2015-8-18 10:07:04

header在浏览器和安卓模拟器中的显示不一样,求大神。

为什么我的header在安卓模拟器中不显示呢?查了很多资料都没有个所以然。我的代码是:
<!DOCTYPE html>
<html lang="en">
<head>       
        <meta charset="UTF-8">       
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <link rel="stylesheet" type="text/css" href="css/icons.css" />   
    <link rel="stylesheet" type="text/css" href="css/af.ui.css" title="default" />
    <script type="text/javascript" charset="utf-8" src="js/appframework.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="ui/appframework.ui.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
    <title>西乡塘区农业信息平台</title>
</head>
<body>
        <div id="afui">
                <div id="content">
                        <div id="home" title="西乡塘区农业信息平台" class="panel" selected="true" data-tab="footer_home" data-nav="main_nav" data-footer="custom_footer">
                                <header>
                                        <h1>西乡塘区农业信息平台</h1>
                                </header>
                                <ul class="list" id="thelist"></ul>
                                <script type="text/javascript">
                                        $.ajax({
                                                type:"GET",
                                                url:"http://10.0.2.2:8001/api/indexController.php",
                                                dataType:"jsonp",
                                                jsonp:"callback",
                                                jsonpCallback:"success_jsonpCallback",
                                                success:function(res){
                                                        for(var i=0;i<res.length;i++){
                                                                $("#thelist").append("<li>"+res.post_title+"</li>");
                                                        }                                                                               
                                                },
                                                error:function(){
                                                        $("#thelist").html("请求出错");
                                                        $("#thelist").error();
                                                }
                                        });
                                </script>
                        </div>

                        <div id="about" title="关于我们" class="panel" data-tab="footer_about" data-nav="side_about" data-footer="custom_footer">
                                <header>
                                        <h1>关于我们</h1>
                                </header>
                                关于我们
                        </div>
                       
                        <footer id="custom_footer">
                                <a id="footer_home" href="#home" class="icon home"data-transition="fade">首页</a>
                                <a id="footer_about" href="#about" class="icon info" data-transition="fade">关于我们</a>
                        </footer>                       
                </div>
        </div>
</body>
</html>

你懂的 发表于 2015-8-18 20:55:20

设置一下默认皮肤就可以解决了 看看下面帖子


http://bbs.phonegap100.com/thread-617-1-1.html
页: [1]
查看完整版本: header在浏览器和安卓模拟器中的显示不一样,求大神。