title: Ios webview with capacitor, set safe areas
body: <p>Using capacitor to build an app in ios. In ios the webview covers the whole screen, for iphone-x that means the notch will be included and content will go behind it, like the picture on the right. But i want the picture on the left, black bars on 'no go areas'.</p>
  
  <p><img src="https://cdn.macrumors.com/article-new/2017/09/iphone-x-top-bottom-bars-800x552.jpg" alt="ex"></p>
  
  <p>The expected solution (html/css) for this would be to set correct viewport and use the 'safe-area'insert-?', se: <a href="https://css-tricks.com/the-notch-and-css/" rel="noreferrer">https://css-tricks.com/the-notch-and-css/</a>
  But for the webview in ios the 'safe-area'insert' will always be 0, that is how it works => this solution is useless. </p>
  
  <p>How can i solve this? Can i change the webview to not cover the whole screen, without changing in the capacitor-framework?</p>