title: 100vh Doesn't seem to be working
body: <p>I am trying to achieve a 100% height &amp; width header image on my website, and I have been researching different ways to do this, and I came across the "100vh" method, however it only displays at 50% the width of my browser and 100% the height.</p>
  
  <p><a href="http://gyazo.com/07e4861fa3300c22ce7bafc265b15421" rel="nofollow">http://gyazo.com/07e4861fa3300c22ce7bafc265b15421</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.headercontainer{
   background: #000;
   width: 100vh;
   height: 100vh;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="headercontainer"&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I've also tried 200vh and that is too wide.</p>