title: I think Google Chrome for Android has a bizarre viewport height error, and it should be fixed. For now, how do you deal with it?
body: <p>For a while now, I'm facing a problem with <code>height: 100%</code> (or <code>100vh</code>) on Chrome for Android.</p>
  
  <p><img src="https://i.imgur.com/d11ME5J.png" alt=""></p>
  
  <p>Here, I have a page, and a blue div with <code>height: 100vh</code>. The yellow block has <code>height: 50vh</code>.</p>
  
  <p>When I scroll down, the address bar goes away, which makes the viewport size change! So everything that was based on that, changes, too, as you can see here:</p>
  
  <p><img src="https://i.imgur.com/W61xGPW.png" alt="">.</p>
  
  <p>Everything increases <code>55px</code>, which is the exact size of the address bar. This is so annoying.</p>
  
  <p>I temporarily fixed it by <code>height()</code> on load, but it is jQuery, so it makes my website unnecessarily slow.</p>
  
  <p>How do you deal with it?</p>