title: @media not working for iphone 5
body: <p>i'm using an emulator currently at <a href="http://mobiletest.me/" rel="nofollow">http://mobiletest.me/</a> but my site is all over the place. The media code i'm using is this:</p>
  
  <pre><code>@media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 568px) 
  and (orientation : portrait)
  </code></pre>
  
  <p>but it isn't seeming to use this media query and is using my other query for ipad with is <code>@media (max-width:768px)</code></p>
  
  <p>I am using this meta in my html:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  </code></pre>
  
  <p>I have the media queries in descending order <code>1600px 1280px 768px</code> etc.</p>