title: Extra margin in PWA - can't stretch full height
body: <p>I built a PWA using Vue.js and <a href="https://www.pwabuilder.com/" rel="nofollow noreferrer">https://www.pwabuilder.com/</a>.</p>
  
  <p>On IOS (Iphone 11) my app has extra margins on top and bottom that reduce the screen height, as shown on screenshot 1 below. On the Iphone 8 simulator it seems to go full-width. Probably because it is fixed ?</p>
  
  <p>I thought it might be related to my JS code but debugging the app with Safari indicates that the extra margins are more likely linked to the XCode project, as they seem to apply outside my app view.</p>
  
  <p>Has anyone any idea where that might come from ? </p>
  
  <p>I am very unfamiliar with XCode so it might be just that my project has somewhere a max-height set.</p>
  
  <p>Thanks for the help.</p>
  
  <p>screenshot 1:
  <a href="https://i.stack.imgur.com/oRkQa.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oRkQa.jpg" alt="enter image description here"></a></p>
  
  <p>screenshot 2: 
  <a href="https://i.stack.imgur.com/NRGov.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NRGov.jpg" alt="enter image description here"></a></p>