title: How to incorporate specific CSS files for Responsive Design for Desktop and Mobile Browsers
body: <p>What I want is to implement dynamic design for mobile and desktop browsers. So far here is my implementation:</p>
  
  <pre><code>&lt;link rel='stylesheet' media='only screen and (min-width: 1441px)' href='css/main.css' /&gt; 
  &lt;link rel='stylesheet' media='only screen and (max-width: 320px)' href='css/design320.css' /&gt;
  &lt;link rel='stylesheet' media='only screen and (max-width: 360px)' href='css/design360.css' /&gt;
  </code></pre>
  
  <p>but my problem is that design360.css is still downloaded even though I'm testing for 320px width resolution.</p>
  
  <p>Is there any solution to incorporate the design for specific resolution?</p>