title: Chrome for iOS vs. <style>height: 100vh;</style>
body: <p>Chrome for iOS hides its address bar when the user scrolls up. This feature does not work well with <code>100vh</code> (or any <code>vh</code> unit) because as the toolbar shrinks, the viewport height changes and thus the size of the element changes. I have a cover image with <code>100vh</code> and it causes a very noticeable jitter as the length of the entire page grows or shrinks.</p>
  
  <p>The problem exists for any height set with <code>vh</code>, I think.</p>
  
  <p>I can (and probably will) resort to javascript to set my cover image height, but I'd prefer to use <code>vh</code>.</p>
  
  <p>Any clever ideas?</p>