2016-04-11 57 views
1

我有一個問題運行我的離子應用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

Page 1 in portrait mode but with width problems

非常感謝您提前!

回答

2

我終於設法解決了這個問題。這裏是我的修復:

在XCode中打開iOs項目。

比在MainViewController.m

- (void)webViewDidFinishLoad:(UIWebView*)theWebView 
    { 
    // Black base color for background matches the native apps 
    theWebView.backgroundColor = [UIColor blackColor]; 
    theWebView.scalesPageToFit = true; 
    theWebView.autoresizingMask = UIViewAutoresizingFlexibleLeftMargin | UIViewAutoresizingFlexibleRightMargin | UIViewAutoresizingFlexibleTopMargin | UIViewAutoresizingFlexibleBottomMargin; 

    return [super webViewDidFinishLoad:theWebView]; 
    } 

構建編輯以下功能和享受!

相關問題