Question

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

Answer 1

没有测试过您的版本，但我总是使用：

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

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

景观定位扩展

1 个答案: