景观定位扩展

时间:2012-07-19 13:09:39

标签: android jquery-mobile

我是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

1 个答案:

答案 0 :(得分:0)

没有测试过您的版本,但我总是使用:

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

您的视口,没有最大比例。使用上面的view-port值jquery mobile在android,iphone上运行正常。