title: Setting specific stylesheet for retina displays
body: <p>I was searching for a method to set different stylesheets depending whether users device is non - retina or retina. I came across tons of different methods, so now I don't know which one to do. Although in my opinion this seems to be easier and more efficient one:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="myCss.css" media="screen and min-device-pixel-ratio: 2"&gt;
  </code></pre>
  
  <p>But I'm not sure it it is the latest syntax, will this work for all modern browsers (including ie9), is there a way to improve this method?</p>