title: vw and vh doesn't seem to work properly on google chrome
body: <p>I am trying to create a mobile site where the body fills the entire viewport.
  I've written the following in the styelsheet</p>
  <pre><code>html, body {
    width: 100vw;
    height: 100vh;
  
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  </code></pre>
  <p>however, when using the chrome dev tool's responsive mode, css starts doing weird things.</p>
  <p><a href="https://i.stack.imgur.com/geuck.png" rel="nofollow noreferrer">screenshot</a></p>
  <p>Is this simply a browser bug, or is there something I'm missing here?</p>