title: How to remove the white space at iPhone X top viewport corners on ionic cordova
body: <p>I followed the instructions here <a href="https://ayogo.com/blog/ios11-viewport/" rel="noreferrer">Understanding the WebView Viewport in iOS 11</a> and here <a href="https://stackoverflow.com/questions/46232812/cordova-app-not-displaying-correctly-on-iphone-x-simulator#answer-46232813">Cordova app not displaying correctly on iPhone X (Simulator)</a> to set viewport-fit to cover etc. But I still can't seem to get rid of these white corners on the top:</p>
  
  <p><a href="https://i.stack.imgur.com/TgMZt.png" rel="noreferrer"><img src="https://i.stack.imgur.com/TgMZt.png" alt="screenshot"></a></p>
  
  <p>What am I missing?</p>
  
  <pre><code>ionic (Ionic CLI)     : 3.15.2
  cordova (Cordova CLI) : 7.1.0
  Cordova Platforms     : ios 4.5.2
  Ionic Framework       : ionic-angular 3.8.0
  </code></pre>