title: Media query doesn't update in rotating for iphone 4 and iphone 5s
body: <p>CSSs in Media query doesn't update, when I rotate iPhone 4 and iPhone 5s between portrait and landscape. </p>
  
  <p>Since I use viewport measure, vw and vh, in media query css, I expect that they are re-applied in rotating between portrait and landscape - they work totally fine in all phones except iPhone 4 and iPhone 5s. When I rotate from portrait to landscape, the width in portrait remains in landscape, too. </p>
  
  <p>I don't understand why only iPhone 4 and iPhone 5s have this issue. Must there be some problems in my css?</p>
  
  <p>[Edit] Pieces of the codes are below:</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>@media only screen 
  and (min-device-width : 320px) and (max-device-width : 640px)
  {
  ...
  .products .product .info
  {
      width: 80vw;
      margin: 0 0 0 0;
  }
  ...
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>The 80vw keeps the same width, when I rotate from Portrait to landscape in iPhone 4. If I refresh the page in landscape, the physical width of 80vw doesn't change. Can I get any help for it?</p>