PhoneGap中文网

标题: jquery mobile 打包成安卓后页面很小 [打印本页]
作者: 柳竹溪    时间: 2015-1-29 18:36
标题: jquery mobile 打包成安卓后页面很小
如题 我在本地执行的时候显示很正常 如下：
在手机上显示 如下 ：


开始的时候我在网页打开也是很小的 上网查了一下 需要在<head></head>里面加上一个  <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1" />  我加了这个之后 浏览器显示就正常了 但是我打包成安卓的apk的时候 安装在手机上就显示成了下面的那个很小的字体。代码如下

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1" />
        <link href="css/jquery.mobile.structure-1.3.2.css" rel="stylesheet" type="text/css"/>
<link href="css/jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.3.2.min.js" type="text/javascript"></script>
        <title>Hello World</title>
    </head>
    <body>
<div data-role="page" id="page">
<script type="text/javascript">
$(document).on("pageinit","#page",function(){

$("#gmzhiling").bind("click",function(){
    location.href="gmtools.html";
  });
  $("#renshu").bind("click",function(){
    location.href="renshu.html";
  });
  $("#chongzhi").bind("click",function(){
    location.href="chongzhi.html";
  });
});
  </script>   
  <div data-role="header" data-position="fixed">

    <h1>雪鹄后台</h1>
  </div>
  <div data-role="content">

    <div class="ui-grid-b">
       <span id="renshu"> <div class="ui-block-a">
            <div data-role="navbar" class="ui-bar ui-bar-e" style="height:60px">在线人数</div>
        </div></span>
       <span id="gmzhiling"> <div class="ui-block-b" >
            <div  class="ui-bar ui-bar-e" style="height:60px">GM指令</div>
        </div></span>
        <span id="chongzhi"><div class="ui-block-c">
            <div class="ui-bar ui-bar-e" style="height:60px">充值</div>
        </div></span>
    </div>

  </div>
  <div data-role="footer" data-position="fixed">
    <div data-role="navbar" data-iconpos="bottom">
        <ul>
        <li> <a href="index.html" id="gongneng" data-icon="grid">功能</a> </li>
            <li> <a href="usereditor.html" id="wo" data-icon="star">我</a> </li>
        </ul>
    </div>
  </div>
</div>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>


作者: admin    时间: 2015-1-29 23:41
看看教程 http://bbs.phonegap100.com/thread-516-1-1.html

或者看看对于jqm教程下面的案例代码 看看头部怎么写的： http://bbs.phonegap100.com/forum-40-1.html
作者: 柳竹溪    时间: 2015-1-30 16:56
admin 发表于 2015-1-29 23:41
看看教程 http://bbs.phonegap100.com/thread-516-1-1.html

或者看看对于jqm教程下面的案例代码 看看头部 ...

管理员 我看了一下视频 敲了一遍 果然没有那个问题了 ，我下的视频没有例子 所以学习的时候疏忽了，谢谢提醒 ，对了 还有一个问题，就是 现在不是出现了 JqMobi 吗？ 相对于 JqueryMobile 查了一下资料 说性能有很大的提升，那我是不是可以不用学习 JqueryMobile  而直接学习 JqMobi 呢？因为 JqueryMobile  还是需要钱的  



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2