Pourquoi l'ensemble de l'écran est-il zoomé sur l'application iOS?

Question

Je travaille sur une application iOS (8 et 9). J'utilise Phonegap build pour tout emballer et phonegap desktop avec l'application de développeur phonegap pour faire quelques tests. Mon interface est déjà conçue et tout va bien quand j'utilise l'application de développement phonegap ainsi que dans un safari mobile, mais quand je la porte sur mon appareil, l'interface utilisateur semble floue, y compris la police, les bordures, les divs, la barre d'état et le clavier .

Voici la vue correcte, en utilisant l'application Phonegap et Safari mobile: Good

Et Voici la vue réelle lorsqu'il est installé .: Bad quality

J'ai mis la fenêtre et les échelles, mais ils ne touchent pas la barre d'état ni le clavier.

Voici mon XML

<preference name="phonegap-version" value="3.7.0" /> 
 
     <preference name="orientation" value="default" /> 
 
     <platform name="ios"> 
 
      <preference name="Orientation" value="all" /> 
 
     </platform> 
 
     <preference name="fullscreen" value="true" /> 
 
     <preference name="target-device" value="universal" /> 
 
     <preference name="webviewbounce" value="true" /> 
 
     <preference name="prerendered-icon" value="true" /> 
 
     <preference name="stay-in-webview" value="true" /> 
 
     <preference name="ios-statusbarstyle" value="lightcontent" /> 
 
     <preference name="android-windowSoftInputMode" value="adjustPan" /> 
 
     <preference name="ShowSplashScreenSpinner" value="false" /> 
 
     <preference name="detect-data-types" value="true" /> 
 
     <preference name="exit-on-suspend" value="false" /> 
 
     <preference name="show-splash-screen-spinner" value="false" /> 
 
     <preference name="auto-hide-splash-screen" value="false" /> 
 
     <preference name="SplashScreenDelay" value="5000" /> 
 
     <preference name="EnableViewportScale" value="true" /> 
 
     <preference name="TopActivityIndicator" value="gray" /> 
 
     <preference name="KeyboardDisplayRequiresUserAction" value="false" /> 
 
     <preference name="HideKeyboardFormAccessoryBar" value="true" /> 
 
     <preference name="SuppressesIncrementalRendering" value="true" /> 
 
     <preference name="android-minSdkVersion" value="18" /> 
 
     <preference name="android-installLocation" value="internalOnly" /> 
 
     <preference name="ErrorUrl" value="" /> 
 
     <preference name="BackgroundColor" value="0x000000" /> 
 
     <preference name="KeepRunning" value="true" /> 
 
     <preference name="DisallowOverscroll" value="true" /> 
 
     <preference name="LoadingDialog" value="" /> 
 
     <preference name="LoadUrlTimeoutValue" value="20000" /> 
 
     <preference name="disable-cursor" value="true" /> 
 
     <gap:config-file platform="ios" parent="UIViewControllerBasedStatusBarAppearance" overwrite="true"> 
 
      <false/> 
 
     </gap:config-file> 
 
     <content src="index.html" /> 
 
     <gap:platform name="ios" /> 
 
     <gap:platform name="android" />

Je dois mentionner que l'utilisation d'une version plus récente de CLI ne résout pas le problème.

Voici mon meta tag

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />

app exemple de bureau Phonegap montre également ce comportement.

Avez-vous des idées de ce qui pourrait se passer?

Answer 1

J'ai trouvé le problème. Il s'avère que, depuis iOS 9, les exigences de splashscreen ont changé. Donc, quand le .ipa a été créé, il y avait quelques fichiers manquants (L'écran de démarrage pour iPhone 6 et 6+).

Ajout du prochain code xml à mon config.xml

<gap:splash src="Splash/Default-667h@2x.png" gap:platform="ios" width="750" height="1334" /> 
<gap:splash src="Splash/Default-Portrait-736h@3x.png" gap:platform="ios" width="1242" height="2208" /> 
<gap:splash src="Splash/Default-Landscape-736h@3x.png" gap:platform="ios" width="2208" height="1242" /> 

et les fichiers correspondants fait l'affaire. Maintenant, la vue semble vraiment nette.

Espérons que cela aide quelqu'un.