iOs oryantasyon genişliği ve yüksekliği

Question

olabilir iOs gerçek cihazlarda (iPhone 4 ve iPad 4. nesil üzerinde test edilmiş) cihazlarda çalıştırdığım bir sorun var. Tüm android telefonlar, tabletler ans iOs emülatörleri mükemmel bir şekilde woking.

(Bu kullanıyorum oryantasyon eklentidir: cordova-eklenti ekran-yönlendirme)

Uygulamam dikey modda ve yatay yön kilitler ben başka bir sayfaya geçiş bir düğmeye tıklayarak kilitlendi . (Şu ana kadar her şey yolunda gidiyor) Portre yönelimli sayfaya dönmek için geri düğmesini tıklattığımda, dikey modda döner ve döner, ancak pencere genişliği ve yüksekliği tamamen dağılır.

Ben diğer konulara bulunan birçok yapılandırmaları denedi, ama bunların hiçbiri benim için çalıştı:

<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"> 

Ben de portre sayfasının açmasının genişlik ve yükseklik olduğunu fark:

[Log] Window height = 480 width = 320 

yatay sayfada

daha: Son olarak

[Log 2] Window height = 320 width = 480 

, ben portr geri dönmek

[Log 3] Window height = 640 width = 160 

olanlar günlükleri

bu 2 yöntemler için aynıdır:: ait sayfa Bunu alabilir

window.innerHeight/document.documentElement.clientHeight 
window.innerWidth/document.documentElement.clientWidth 

burada Bu konu ile ilgili ama unaswered edilir: stackoverflow.com/questions/18835784/iphones-orientation- değiştirmek geri-to-portre-sonları-siteler-zoom

Sayfalar ekran görüntüleri:

Page 1 in portrait mode

Page 1 in portrait mode but with width problems

Şimdiden çok teşekkür ederim!

Answer 1

Sonunda sorunu çözmeyi başardım. İşte benim düzeltmem:

XCode'da iOs projesini açın.

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]; 
    } 

Build'a aşağıdaki işlevi düzenlemek ve tadını daha!