title: my responsive design doesn't work on safari/ iPhone 5s
body: <p>I am working on a responsive design and I started using firefox <code>responsive design view</code> with my media queries, they all work on it..but when I start using safari on iphone5s it doesn't work. I do have the </p>
  
  <p><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;</code> in my head tag...am I missing something that needs to be there for safari/iphone 5s ? Thanks in advance!</p>
  
  <p>I've tried these</p>
  
  <pre><code>/* iPhone 5 Retina regardless of IOS version */
  @media (device-height : 568px) 
     and (device-width : 320px) 
     and (-webkit-min-device-pixel-ratio: 2)
  /* and (orientation : todo: you can add orientation or delete this comment)*/ {
                   /*IPhone 5 only CSS here*/
  }
  </code></pre>
  
  <p>or try with <code>@media screen</code>:</p>
  
  <pre><code>@media screen and (device-aspect-ratio: 40/71) {
  
  }
  </code></pre>