jquery mobile——必須引入的文件及頭信息

<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">

配置後再訪問就按照手機的分辨率自適應了。