title: html link "media" attribute (ie8)
body: <p>This question is strictly related to IE8, I understand CSS3 <code>@media</code> queries.</p>
  
  <p>Looking to switch a stylesheet based off the browser width, my code as is follows:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="small.css" media="screen and (min-width: 1000px)"&gt;
  &lt;link rel="stylesheet" type="text/css" href="large.css" media="screen and (min-width: 1200px)"&gt; 
  </code></pre>
  
  <p>(For simplicity/clarity - the stylesheets just change the color of a box)</p>
  
  <p>Now the above code work fine in every browser, except of course IE8.... </p>
  
  <p>Doing some research to make sure it's not a compatibility issue, I found that IE8 does <a href="https://msdn.microsoft.com/en-us/library/ms534161(v=vs.85).aspx" rel="nofollow">support</a> the html <code>media</code> attribute....</p>
  
  <p><strong>Question:</strong> why isn't this working for POS IE8?</p>