title: CSS stylesheet that targets iPhone iPad not working
body: <p>I have just a couple tweeks to make my website work on an iPad iPhone, just need to change some margins and some fonts sizes.  I found this tutorial online that said to add this code:</p>
  
  <pre><code>&lt;!--[if !IE]&gt;--&gt;
  &lt;link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)"  href="css/style_ipad.css" /&gt;
  &lt;link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href="css/style_ipad.css" /&gt;
  &lt;!--&lt;![endif]--&gt;
  </code></pre>
  
  <p>so I added this right above the link to my normal stylesheet and uploaded style_ipad.css with my adjustments but it hasn't worked.  Anyone know why this wouldn't work?  Is this out of date? </p>