查看: 1877|回复: 2

[答疑解惑] 使用jQueryMobile Demo不自动适应手机屏幕宽度

[复制链接]
发表于 2015-12-9 17:06:55 | 显示全部楼层 |阅读模式
下面的代码几乎100%是官方提供的Demo,在电脑上,你缩小浏览器宽度,内容会自动适应
但是用手机访问,他就不适应手机屏幕宽度



  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.     <title></title>
  5.     <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
  6.     <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
  7.     <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
  8.    
  9. </head>
  10. <body>

  11.     <div data-role="page" id="pageone">
  12.         <div data-role="header" data-theme="b">
  13.             <h4>按钮组合</h4>
  14.         </div>

  15.         <div data-role="content">
  16.             <div data-role="navbar" class="ui-bar-a">
  17.                 <ul>
  18.                     <li><a href="#" data-icon="plus">更多</a></li>
  19.                     <li><a href="#" data-icon="minus">更少</a></li>
  20.                     <li><a href="#" data-icon="delete">删除</a></li>
  21.                     <li><a href="#" data-icon="check">喜爱</a></li>
  22.                     <li><a href="#" data-icon="info">信息</a></li>
  23.                     <li><a href="#" data-icon="forward">向前</a></li>
  24.                     <li><a href="#" data-icon="back">向后</a></li>
  25.                     <li><a href="#" data-icon="star">星形</a></li>
  26.                     <li><a href="#" data-icon="gear">选项</a></li>
  27.                     <li><a href="#" data-icon="search">搜索</a></li>
  28.                 </ul>
  29.             </div>
  30.            
  31.         </div>

  32.         <div data-role="footer" data-theme="b">
  33.             <h1>My Footer</h1>
  34.         </div>
  35.     </div>

  36. </body>
  37. </html>
复制代码


回复

使用道具 举报

发表于 2015-12-9 17:09:20 | 显示全部楼层
头部加上
  1. <meta name="viewport" content="width=device-width" />
复制代码
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

网站推荐上一条 /1 下一条



邮箱:[email protected] QQ:791577401 木子牛HTML5工作室 版权所有

© MUZINIU Inc.小黑屋|手机版|Archiver|HANGNIU  

Powered by MuZiNiuX3.2( 豫ICP备12017936号 )

 豫公网安备 41078102000103号

快速回复 返回顶部 返回列表