iOS7与iPad上的App的兼容性

Question

我们当前的应用无法在运行ios7 beta 6的视网膜显示屏的ipad 3上运行。

在iPad上投放的html页面太大，即。 忽略100％的宽度-因此，用户需要在页面上滚动以查看所有按钮和功能，而不是放在一页上。

在运行ios7的iphone 4（未选中其他型号）上不会发生这种情况，并且是否为ipad缩放选择了x2都无关紧要。

有没有人遇到这个问题，这是媒体查询修复还是iOs7错误？

Answer 1

只是根据我们上周发现的答案更新我的答案，并为我们的应用程序实施该解决方案。

尽管尚不完全清楚，但我认为上述问题与在webview中运行的HTML应用程序与在safari中运行的Web应用程序有关。 因为在问题中引用了2x兼容模式。

问题：不是由于媒体查询引起的，而是在iPad上以“兼容模式”运行iPhone应用程序时，视口width = device-width返回768，而不是它在<= iOS6.x中返回的320。

固定在远程页面上最好的解决方案是通过修改'width'属性的值或将其全部删除来在远程页面上编辑视口。

本地修复：很少有选择... 1）将应用构建为“通用” 2） 通过在webViewDidFinishLoad上执行javascript以减小缩放比例，我发现了一些可通过的结果

self.webView stringByEvaluatingJavaScriptFromString:@"$('meta[name=viewport]').attr('content','width=device-width, initial-scale=.41 user-scalable=no');"];

如果您碰巧正在使用PhoneGap / Cordova，也会在此处找到并提交问题： https : //issues.apache.org/jira/browse/CB-4323

Answer 2

这应该会有所帮助： http : //www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

自1.0以来，iOS7被认为是功能最强大的Safari版本。

使用iOS7，无法在您的网站上获得真正的全屏体验。 这是iOS 6的奇妙方面之一，而丢失它是倒退的一大步。

我希望苹果能有所作为...