我有一個問題運行我的離子應用iOs real設備(在iPhone 4和iPad第四代測試)。所有這些都在Android手機,平板電腦和iOs模擬器上完美地開啓了。iOs的方向widht和高度比它應該小
(這是我使用的方位插件:科爾多瓦 - 插件屏幕方位)
我的應用程序被鎖定在縱向模式,並通過點擊一個按鈕,我傳遞到另一個網頁,其中鎖定橫向。 (一切都很順利) 當我點擊後退按鈕返回到縱向頁面時,它會旋轉並處於縱向模式,但是窗口的寬度和高度會完全混亂。
我曾嘗試在其他主題發現了很多配置,但沒有他們的工作對我來說:
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" /> <!-- Works on android -->
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi, user-scalable=no" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
我也注意到,在縱向頁面的inital寬度和高度分別是:
[Log] Window height = 480 width = 320
比橫向頁面上:
[Log 2] Window height = 320 width = 480
最後,當我回到portr AIT的網頁我有這樣的:
[Log 3] Window height = 640 width = 160
這些日誌對於那些2層的方法相同:
window.innerHeight/document.documentElement.clientHeight
window.innerWidth/document.documentElement.clientWidth
這裏本主題相關,但unaswered:stackoverflow.com/questions/18835784/iphones-orientation-改回至人像休息站點變焦
頁面截屏:
Page 1 in portrait mode but with width problems
非常感謝您提前!