title: Detect iPad Safari or Zoom
body: <p>If I use the following to detect iPad Safari user, will it work if in future, I try to detect a Motorola Xoom or other tablet user, which might have similar widths.</p>
  
  <pre><code>&lt;link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css"&gt;  
  </code></pre>
  
  <p>I mean how exactly will I identify the other tablet and use xoom.css or othertablet.css</p>
  
  <p>I know the user-agent approach, but would want to avoid that. Please let me know if it is possible to implement using media queries only?</p>