2

我是 web 开发和 android 开发的新手。我正在开发一个带有电话间隙和 jquery mobile 的网络应用程序。我面临的问题是，当我将手机的方向从纵向更改为横向时，它会扩展。当我将手机旋转回肖像时，它会正确返回，但这次我看不到页脚的标题。

请看代码

<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">

这些是相关的并且已尝试但无济于事

使用 Jquery Mobile 的页面上的屏幕方向问题

4

1 回答 1

0

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

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

您的视口，没有最大比例。使用上面的视口值 jquery mobile 在 android、iphone 上对我来说很好。

于 2012-07-19T17:11:17.803 回答