title: separate css style for android
body: <p>I'm creating a mobile version of my website.</p>
  
  <p>I have used these codes with relevant css for the screen size:</p>
  
  <p><code>&lt;link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="phone.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href="pad.css" /&gt;</code></p>
  
  <p>now these css codes are fine for iphone, ipod touch and even ipad. Testing this on my android (samsung galaxy y) turning the page landscape blocks off most of the design due to screen width of the device. Is there a way to add another link type code but targeting android users? or even any other then the ios? </p>
  
  <p>so I can change them codes to auto to fit all the devices it runs on? 
  (note I know can choose auto with the 2 css listed above before anyone states that. But it will not look right hence why I want a third css page).</p>