title: Use of Media Queries in CSS for iPad
body: <p>Say I have an existing CSS for desktop (desktop.css). I want to include iPad Safari css. </p>
  
  <p>In desktop.css, can we just do a condtional import at the end..</p>
  
  <pre><code>@media only screen and (device-width : 768px) 
  {  
  @import "ipad.css"
  }
  </code></pre>
  
  <p>In ipad.css, we will have only iPad relevant styles..
  /* iPad Styles */ </p>
  
  <p>i.e. if it is an iPad user, the ipad.css would get imported, else it would be ignored.</p>
  
  <p>What is the best approach?</p>