横向方向扩展

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

来源

2012-07-19 LivingThing

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

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

你的视口，唐没有最大规模。使用上面的视图端口值jquery mobile在我的android，iPhone上很好。

来源

2012-07-19 17:11:17 Nachiket

曾经使用过...同样的问题 – LivingThing 2012-07-19 18:32:08

横向方向扩展

回答

相关问题