Question

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

在ipad之间提供的html页面太大了，即。忽略100％宽度 - 因此用户需要在页面上滚动以查看所有按钮和功能，而不是在一页上显示。

在运行ios7的iphone 4上没有发生这种情况（未检查其他型号），无论是否为ipad变焦选择了x2都无关紧要。

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

Answer 1

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

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

<强>问题：不是由于媒体查询，但视口 width = device-width 返回768而不是它在＆lt; = iOS6.x中返回的320，当在'兼容模式'下运行iPhone应用程序时ipad公司

修复远程页面 最好的解决方案是通过修改'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的精彩方面之一，失去它是向后迈出的重要一步。

我希望Apple能够感受到......

iOS7与iPad上的App兼容

2 个答案: