title: CSS media query to target only iOS devices
body: <p>Is there a @media query to target only devices running iOS?</p>
  
  <p>For example: </p>
  
  <pre><code>@media (min-device-width:320px) and (max-device-width:768px) {
      #nav {
          yada: yada;
      }
  }
  </code></pre>
  
  <p>Would this also alter the behavior of the page on Android devices with these device widths?</p>