title: Problem screen ionic app on iPhone 11 Pro Max
body: <p>I'm facing some problems on the look and feel of my Ionic app on iPhone 11 Pro Max:</p>
  
  <p><a href="https://i.stack.imgur.com/j1GJy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/j1GJy.png" alt="enter image description here"></a></p>
  
  <p>How Can I improve and fix the problem of the spaces on both upper and bottom part of the screen?</p>
  
  <p>**UPDATE</p>
  
  <p>This is my config.xml:</p>
  
  <pre><code>&lt;platform name="ios"&gt;
      &lt;allow-intent href="itms:*" /&gt;
      &lt;allow-intent href="itms-apps:*" /&gt;
      &lt;icon height="57" src="resources/ios/icon/icon.png" width="57" /&gt;
      &lt;icon height="114" src="resources/ios/icon/icon@2x.png" width="114" /&gt;
      &lt;icon height="29" src="resources/ios/icon/icon-small.png" width="29" /&gt;
      &lt;icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" /&gt;
      &lt;icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" /&gt;
      &lt;icon height="20" src="resources/ios/icon/icon-20.png" width="20" /&gt;
      &lt;icon height="40" src="resources/ios/icon/icon-20@2x.png" width="40" /&gt;
      &lt;icon height="60" src="resources/ios/icon/icon-20@3x.png" width="60" /&gt;
      &lt;icon height="48" src="resources/ios/icon/icon-24@2x.png" width="48" /&gt;
      &lt;icon height="55" src="resources/ios/icon/icon-27.5@2x.png" width="55" /&gt;
      &lt;icon height="29" src="resources/ios/icon/icon-29.png" width="29" /&gt;
      &lt;icon height="58" src="resources/ios/icon/icon-29@2x.png" width="58" /&gt;
      &lt;icon height="87" src="resources/ios/icon/icon-29@3x.png" width="87" /&gt;
      &lt;icon height="40" src="resources/ios/icon/icon-40.png" width="40" /&gt;
      &lt;icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" /&gt;
      &lt;icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" /&gt;
      &lt;icon height="88" src="resources/ios/icon/icon-44@2x.png" width="88" /&gt;
      &lt;icon height="50" src="resources/ios/icon/icon-50.png" width="50" /&gt;
      &lt;icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" /&gt;
      &lt;icon height="60" src="resources/ios/icon/icon-60.png" width="60" /&gt;
      &lt;icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" /&gt;
      &lt;icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" /&gt;
      &lt;icon height="72" src="resources/ios/icon/icon-72.png" width="72" /&gt;
      &lt;icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" /&gt;
      &lt;icon height="76" src="resources/ios/icon/icon-76.png" width="76" /&gt;
      &lt;icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" /&gt;
      &lt;icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" /&gt;
      &lt;icon height="172" src="resources/ios/icon/icon-86@2x.png" width="172" /&gt;
      &lt;icon height="196" src="resources/ios/icon/icon-98@2x.png" width="196" /&gt;
      &lt;icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" /&gt;
      &lt;splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" /&gt;
      &lt;splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" /&gt;
      &lt;splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" /&gt;
      &lt;splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" /&gt;
      &lt;splash height="1125" src="resources/ios/splash/Default-Landscape-2436h.png" width="2436" /&gt;
      &lt;splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" /&gt;
      &lt;splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" /&gt;
      &lt;splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" /&gt;
      &lt;splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" /&gt;
      &lt;splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" /&gt;
      &lt;splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" /&gt;
      &lt;splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" /&gt;
      &lt;splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" /&gt;
      &lt;splash height="2436" src="resources/ios/splash/Default-2436h.png" width="1125" /&gt;
      &lt;splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" /&gt;
  &lt;/platform&gt;
  &lt;plugin name="cordova-plugin-whitelist" spec="1.3.3" /&gt;
  &lt;plugin name="cordova-plugin-statusbar" spec="2.4.2" /&gt;
  &lt;plugin name="cordova-plugin-device" spec="2.0.2" /&gt;
  &lt;plugin name="cordova-plugin-splashscreen" spec="5.0.2" /&gt;
  &lt;plugin name="cordova-plugin-ionic-webview" spec="^4.0.0" /&gt;
  &lt;plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" /&gt;
  </code></pre>
  
  <p>I've followed the possible duplicated link, but unfortunately I'm not able to get full screen the app. I've also added this meta info in <code>index.html</code>:</p>
  
  <pre><code>&lt;meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, viewport-fit=cover"&gt;
  </code></pre>