2012-01-11 66 views
23

我正在使用Jquery Mobile在PhoneGap上製作應用程序。該應用在PC瀏覽器和模擬器上運行良好,但是當我將它安裝在手機上時,一切都非常小巧。Jquery Mobile的尺寸太小了

在我的主頁上,我有一個可搜索的列表視圖,當我點擊文本框來搜索某些內容時,頁面會調整爲更具可讀性的大小。

我該如何解決這個問題?我希望它從一開始就是可讀的。

+0

移動設備不會太重嗎? – 2012-06-30 12:09:48

+0

不,它不。它運行得很好。 – 2012-07-01 03:33:39

回答

92

在HTML的<head>補充一點:

<meta name="viewport" content="initial-scale=1, maximum-scale=1"> 

它將擴展到適合你的設備尺寸的頁面。

+0

啊!更好,謝謝發佈。使用JQM 1.3,工作完美。 – fusion27 2013-04-18 12:35:32

+0

@bobek我不知道這個設置是否適合覆蓋所有類型的具有不同操作系統平臺的手機? – ggDeGreat 2013-11-23 02:30:51

+0

@ggDeGreat它應該是因爲它基於瀏覽器而不是OS平臺。它所做的只是延伸或縮小頁面以匹配窗口的寬度。 – 2013-11-23 04:08:46