title: Load mobile CSS if user is on Android
body: <p>My .htaccess file is writing a "smart" cookie. If my page reads this cookie it will write a div. Then my mobile CSS file loads only if the user's on an iPhone or iPod.</p>
  
  <p>My question is, how can I edit this code (below) to load the mobile CSS file if the user's on an Android?</p>
  
  <p>Here's my <a href="http://bit.ly/ilPPqN" rel="nofollow">page</a> and code:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, user-scalable=yes" /&gt; 
  &lt;link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" /&gt; 
  &lt;script type="text/javascript"&gt;
  if (window.screen.width &gt; 640){document.write('&lt;meta name="viewport" content="width=980, user-scalable=yes" /&gt;')}
  if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))){document.write('&lt;link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-width: 640px)" /&gt;')}
  &lt;/script&gt;
  </code></pre>