title: CSS media query on iPhone
body: <p>I'm trying to use a CSS media query, specifically targeting the iPhone.</p>
  
  <p>It works when I use a regular link rel:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="css/mobile.css" /&gt;
  </code></pre>
  
  <p>However, when I try this media query it doesn't work:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="css/mobile.css" 
        media="only screen and (max-width: 640px)" /&gt; 
  </code></pre>
  
  <p>How can I use a CSS media query to target the iPhone?</p>