title: How to load the only css file based on screen size in asp.net?
body: <p>I was having a deep look on websites like <code>ebay, facebook,amazon, etc</code> and find out when user go to their website, they detect the monitor screen resolution/size and store it in cookies and load the css file based on screen resolution.</p>
  
  <p>How to implement this scenario in asp.net. 
  I have a responsive layout and <code>using media queries</code> as  per resolution changes.</p>
  
  <p>But now i want to fix the user to first detect their screen resolution and only load the css file based on that result.</p>
  
  <p>Any suggestions!!</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="main.css" /&gt;
  &lt;link id="size-stylesheet" rel="stylesheet" type="text/css" href="mobile.css" /&gt;
  </code></pre>