2012-03-27 15 views
0

我的Sencha Touch 2應用在我的桌面瀏覽器上完美工作,但是當我在iPhone上測試時,視口設置不正確。 我的應用程序有一個固定的佈局,寬度爲640像素。在iPhone 3G上,只有一半的應用程序被看到。檢查生成的html我可以在<head>部分看到多個「視口」聲明,例如在Sencha Touch 2中設置視口寬度

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> 

我想我必須設置視口寬度爲640,並在<head>部的端部插入的代碼:

<meta name="viewport" content = "width=640,initial-scale=1.0,user-scalable=no" /> 

但無濟於事。爲什麼Sencha Touch會插入多個視口聲明?我如何覆蓋它?或者我需要做些什麼才能以全角度顯示應用程序?

任何幫助將非常感激。

回答

1

關於元標記,width屬性控制視口的大小。它可以設置爲特定數量的像素,例如width = 600或特殊值設備寬度值,這是在100%的比例下,CSS像素中屏幕的寬度。

關於您的問題,可能有一些內容可能會超出設備的寬度,您可能需要添加滾動條或需要對sencha進行內置控制。