2012-07-19 85 views
2

我是web dev和android dev的新手。我正在開發一個帶有電話差距和jQuery Mobile的網絡應用程序。我面臨的問題是,當我將手機的方向從potrait改爲風景時,它會擴展。當我將手機旋轉回potrait時,它會恢復正常,但這次我看不到我的頁腳標題。橫向方向擴展

請查看代碼

<body onload="onBodyLoad()"> 
<div data-role="page" data-iscroll="enable"> 
<div data-role="header" data-position="fixed" data-iscroll="scroller"> 
    <h1>Break IT !</h1> 
</div><!-- /header --> 
<div data-role="content"> 
    <iframe id="cnt" width="100%" height="100%" frameborder="30" allowfullscreen></iframe> 
</div> 
<div data-role="footer" data-position="fixed" data-iscroll="scroller"> 
    <h4>Page Footer</h4> 
</div><!-- /footer --> 
</div><!-- /page --> 

元數據看起來是這樣的。

<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta charset="utf-8"> 

這些都是相關的,已經嘗試過,但無濟於事

Screen Orientation Issue on Page using Jquery Mobile

回答

0

沒有測試您的版本,但我總是用:

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

你的視口,唐沒有最大規模。使用上面的視圖端口值jquery mobile在我的android,iPhone上很好。

+0

曾經使用過...同樣的問題 – LivingThing 2012-07-19 18:32:08