1

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

之间提供的 html 页面在 ipad 上太大,即。忽略 100% 的宽度 - 因此用户需要滚动页面才能看到所有按钮和功能,而不是适合一页。

在运行 ios7 的 iphone 4 上不会发生这种情况(未检查其他型号),并且是否为 ipad 缩放选择了 x2 无关紧要。

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

4

2 回答 2

1

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

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

问题: 不是由于媒体查询,而是在iPad 上以“兼容模式”运行 iPhone 应用程序时,视口宽度=设备宽度返回 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

于 2013-09-19T13:44:59.150 回答
0

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

iOS7 被认为是自 1.0 以来 bug 最多的 Safari 版本。

使用 iOS7 无法在您的网站上获得真正的全屏体验。这是 iOS 6 的精彩之处之一,失去它是一个重大的倒退。

我希望苹果能清醒过来……

于 2013-09-21T21:10:11.390 回答