今天在做，列表頁到內容頁的切換的切換的時候，發現第一次點擊，圖片遠遠超出了手機屏幕大小。但是當我刷新內容頁面的時候，圖片又可以恢復爲正常符合手機屏幕大小。
通過瀏覽器檢查發現。第一次點擊，切換到內容頁面的時候，css樣式沒有加載。所以，忽然想到，jquery mobile的特點就是所有鏈接都會使用異步加載。很有可能是內容先加載完成了，可是位於head裏面的css樣式沒有加載。於是想把ajax異步請求關掉。
非常幸運的是，這個問題很熱門啊。在官網問題信息列表中第一個就是這個問題。原頁面：
http://view.jquerymobile.com/1.3.0/docs/faq/scripts-and-styles-not-loading.php
原因差不多，即，在加載的時候，只會加載page裏面的內容，head頭信息的內容沒有加載.,
總之解決問題有兩種
1，根據data-role="page"的id，可以通過js。在這個page開始加載的時候，先把css加載完成.
2.也就是最簡單的，即把所有頁面的css，js樣式全部一樣。
3.把這個頁面的特殊的css信息，放在page的最後。(個人傾向最後一種,it works)