转换到iOS 7：在iPad上查看的jQueryiPhone Webapps的正确视口设置

概述我们有一个应用程序，基本上一个UIWebView设置为“iPhone应用程序”在XCode。 直到现在所有工作正常，但使用iOS 7 iPad模拟器的应用程序现在立即显示在“全屏幕”，这不会是问题，但WebView也似乎被放大。 我只看到右上角的网站的1/4加载，必须滚动看剩下的。 我们在应用程序中使用jQuery mobile 1.3.1。 编辑 我发现错误。看起来viewport元素的语义在i 我们有一个应用程序，基本上一个UIWebVIEw设置为“iPhone应用程序”在XCode。

直到现在所有工作正常，但使用iOS 7 iPad模拟器的应用程序现在立即显示在“全屏幕”，这不会是问题，但WebVIEw也似乎被放大。

我只看到右上角的网站的1/4加载，必须滚动看剩下的。

我们在应用程序中使用jquery mobile 1.3.1。

编辑

我发现错误。看起来vIEwport元素的语义在iOS版本之间改变。

改变

<Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1">

至

<Meta name="vIEwport" content="initial-scale=1">

为我工作，但我不确定这是从jQuery Mobile Demo页的设置与设备的方式。当我从我的UIWebVIEw加载演示页面，我得到相同的效果。

是否有“正确的方式”设置视口的任何信息，特别是因为演示页使用wIDth =设备宽度

解决方法 在iOS 7上，它已经改变了解释vIEport元标记的方式。
在这里你可以找到解释 https://developer.apple.com/library/ios/releasenotes/General/RN-iOSSDK-7.0/#//apple_ref/doc/uid/TP40013202-CH1-SW75。

PrevIoUsly,when the vIEwport parameters were modifIEd,the old parameters were never discarded.
This caused the vIEwport parameters to be additive.

For example,if you started with wIDth=device-wIDth and then changed
it to initial-scale=1.0,you ended up with a computed vIEwport of
wIDth=device-wIDth,initial-scale=1.0.

In iOS 7,this has been addressed. Now you end up with with a computed
vIEwport of initial-scale=1.0.

现在的问题是：这将如何影响iOS6上的布局<和AndroID设备上？

总结

以上是内存溢出为你收集整理的转换到iOS 7：在iPad上查看的jQuery/iPhone Webapps的正确视口设置全部内容，希望文章能够帮你解决转换到iOS 7：在iPad上查看的jQuery/iPhone Webapps的正确视口设置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。