首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >横向扩展

横向扩展
EN

Stack Overflow用户
提问于 2012-07-19 21:09:39
回答 1查看 320关注 0票数 2

我是web dev和android dev的新手。我正在开发一个网络应用程序与手机差距和jquery移动。我面临的问题是,当我将手机的方向从纵向更改为横向时,它会扩展。当我将我的手机旋转回potrait时,它可以正确地返回,但这一次我看不到页脚的标题。

请参阅代码

代码语言:javascript
复制
<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 --> 

元数据看起来像这样。

代码语言:javascript
复制
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8"> 

这些都是相关的,已经尝试过了,但都没有用。

Screen Orientation Issue on Page using Jquery Mobile

EN

回答 1

Stack Overflow用户

发布于 2012-07-20 01:11:18

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

代码语言:javascript
复制
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 

你的视窗,没有最大比例。使用上面的view-port value,jquery mobile在我的android和iphone上运行的很好。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11561573

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档