首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >转到iOS 7: iPads上查看的jQuery/iPhone应用程序的正确视口设置

转到iOS 7: iPads上查看的jQuery/iPhone应用程序的正确视口设置
EN

Stack Overflow用户
提问于 2013-09-19 10:42:18
回答 5查看 17.5K关注 0票数 25

我们有一个应用程序,本质上只有一个UIWebView,它在XCode中设置为"iPhone应用程序“。

到目前为止,一切都很好,但是使用iOS 7 iPad模拟器,应用程序现在立即出现在“全屏”中,这不是问题所在,但WebView似乎也被放大了。

我只看到右上1/4的网站,加载和滚动看到其余的。

我们在应用程序中使用jQuery Mobile1.3.1。

编辑

我发现了错误。在iOS版本之间,viewport元元素的语义似乎发生了变化。

改变

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

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

为我工作过,但我不确定这是否是一条路,因为jQuery Mobile Demo页面确实将with设置为设备with。当我从我的UIWebView加载演示页面时,我得到了同样的效果。

是否有关于设置视图端口的“正确方式”的信息,特别是因为演示页面使用了宽度=设备宽度。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-09-30 07:12:52

在iOS 7上,它改变了解释vieport元标记的方式。在这里,您可以找到一个解释ref/doc/uid/TP40013202-CH1-SW75

以前,当修改viewport参数时,不会丢弃旧参数。这导致视口参数是加性的。 例如,如果从width=device开始,然后将其更改为初始刻度=1.0,则最终得到计算出的宽度=设备宽度,初始缩放=1.0的视图端口。 在iOS 7中,已经解决了这一问题。现在,您将得到一个初始缩放=1.0的计算视图。

现在的问题是:这将如何影响iOS6<和安卓设备的布局?

票数 12
EN

Stack Overflow用户

发布于 2013-10-16 16:14:00

我有一个iPhone应用程序,它只会在iOS7 iPad上“崩溃”。从viewport meta标签中移除“width=device”,修复了它。

票数 4
EN

Stack Overflow用户

发布于 2013-09-24 18:40:28

我用了你的答案,但这并不能解决我所有的问题。最初的尺寸保持在ipad的宽度,而不是iphone的宽度。

另外,当我试图在文本上写字时,屏幕缩放以填充文本框,并且只有当我按下“完成”时,屏幕尺寸才会调整到适当的iphone大小。

我还需要一个合适的解决方案。

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

https://stackoverflow.com/questions/18892491

复制
相关文章

相似问题

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