title: CSS media queries for Galaxy S3
body: <p>Anyone know how to target the Samsung Galaxy S3 with media queries?</p>
  <p>Currently I use:</p>
  <h1>iPad</h1>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; media=&quot;all and (device-width: 768px)&quot;                                                href=&quot;css/device-768.css&quot;/&gt;
  </code></pre>
  <h1>Other tablet devices</h1>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; media=&quot;all and (max-device-width: 767px) and (min-device-width: 641px)&quot; href=&quot;css/device-max767.css&quot;/&gt;
  </code></pre>
  <h1>Phones (S3 didnt use this - dont know why)</h1>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; media=&quot;all and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1)&quot;    href=&quot;css/phones.css&quot;/&gt;
  </code></pre>
  <p>I also tested</p>
  <pre><code>&lt;link rel=&quot;stylesheet&quot; media=&quot;all and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)&quot;    href=&quot;css/phones.css&quot;/&gt;
  </code></pre>
  <p>but it didnt work...</p>