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的奇妙方面之一，而丟失它是倒退的一大步。

我希望蘋果能有所作為...