title: 100vh height when address bar is shown - Chrome Mobile
body: <p>I came across this problem a few times and was wondering if there was a solution to this problem.
  My problem occurs on the Chrome mobile app. There, you can scroll down a bit and the address bar disappears. So far, so good, let's make an example: <br>
  The container's <code>height</code> is set to <code>100vh</code>.<br><br>
  <a href="https://i.stack.imgur.com/Si4wm.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/Si4wm.jpg" alt="How it looks with the address bar" /></a></p>
  <p>As you can see, the bottom part gets cut off.</p>
  <p>When I scroll down, it looks like this:<br><br>
  <a href="https://i.stack.imgur.com/GLjY5.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/GLjY5.jpg" alt="enter image description here" /></a></p>
  <p>Now it looks good. So obviously Chrome calculates the address bar's height into the viewport height. So my question is:</p>
  <p>Is there a way, that it looks the same with or without the address bar? So that the container expands or something?</p>