<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
以上三个文件是官网指明必须引入的样式与js类库。但在试验过程中发现了一个问题:用手机访问构造的页面发现页面显示很小,不是按照手机屏幕的宽度自动适应的。最后发现还有一个需要配置的地方,就是自适应设备宽度的meta:
<meta name="viewport" content="width=device-width, initial-scale=1">
配置后再访问就按照手机的分辨率自适应了。