iPhone X status bar black web app : <p>I am working on a web-app and in testing on iPhone X using the Simulator, the status bar is completely black. How do I make my website cover the entire screen? I am not using any library; I have seen many questions mentioning something called Cordova but what I have is just HTML with CSS.</p>

<p><a href="https://i.stack.imgur.com/VwNNa.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/VwNNa.jpg" alt="Screenshot of iPhone X simulator"></a></p>

<p>Here is my HTML code in the head.</p>

<pre><code>&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;
  &lt;meta content="viewport-fit=cover, width=device-width, initial-scale=1.0" name="viewport"&gt;
  &lt;title&gt;My PWA&lt;/title&gt;
  &lt;link rel="stylesheet" href="/assets/styles/design.css"&gt;
&lt;/head&gt;
</code></pre>
