title: IE8 and REM based Media Queries
body: <p>I would like to base my media queries on REM to support all kinds of browser zooming and/or base/browser font resizing by the user. Ideally down to IE8.</p>
  
  <p>Loading jQuery, HTMLshiv, Respond and the REM polyfill and turns out the REM polyfill does not support media queries. Don't really understand why though, <a href="https://github.com/chuckcarpenter/REM-unit-polyfill/issues/60#issuecomment-135187895" rel="nofollow noreferrer">https://github.com/chuckcarpenter/REM-unit-polyfill/issues/60#issuecomment-135187895</a> but that is fact.</p>
  
  <p>What did Chuck mean with saying "<em>to ignore MQ rules when the polyfill was kicked in, since support would only be required at desktop</em>". So when the polyfill kicked in MQ support was dropped? And why would MQ support in IE8 only be needed for desktop?</p>
  
  <p>Can it not be that some users don't have the browser window fully open but just one half or quarter of the screen and thus have a smaller screen-width? I don't have my browser at full size most of the time to be able to do work in the other windows etc.</p>
  
  <p>So, now how do you girls and guys do support REM based media queries in IE8?</p>
  
  <p>Would a fallback like mentioned here <a href="https://stackoverflow.com/a/21122705/1010918">https://stackoverflow.com/a/21122705/1010918</a> work?</p>
  
  <p><code>@media screen and (min-width: 26.25rem , min-width: 420px) {</code> ?</p>
  
  <p>I <strong>don't</strong> think this would work (I wish I wish!!) so I am really left with assigning a different stylesheet to IE8 with conditional comments?</p>
  
  <p>Is this how you go about it? What are my possibly other solutions?</p>
  
  <p>I have read and thought about all these:<br>
  <a href="https://stackoverflow.com/questions/21122608/basic-css-features-not-working-in-ie8">Basic CSS features not working in IE8</a><br>
  <a href="https://stackoverflow.com/questions/16720043/how-do-you-use-mobile-first-with-in-ie8">How do you use mobile-first in IE8</a><br>
  <a href="https://stackoverflow.com/questions/21862685/media-query-unlinking-ie8-stylesheet">media query unlinking IE8 stylesheet</a><br>
  <a href="https://stackoverflow.com/questions/7777125/modernizr-for-ie8-media-query-support">modernizr for ie8 media query support</a><br>
  <a href="https://stackoverflow.com/questions/27265868/what%C2%B4s-best-practice-to-responsive-design-use-or-em-and-rem">What&#180;s best practice to responsive design? Use % or em and rem?</a><br>
  <a href="https://stackoverflow.com/questions/5769493/ie8-support-for-css-media-query">IE8 support for CSS Media Query</a></p>
  
  <p>Check this vid for an example of REM based design. I am sure that can also be done with ie8 somehow.<br>
  <a href="http://webdesign.tutsplus.com/courses/responsive-web-design-revisited/lessons/what-responsive-means-today-and-what-youll-be-building" rel="nofollow noreferrer">http://webdesign.tutsplus.com/courses/responsive-web-design-revisited/lessons/what-responsive-means-today-and-what-youll-be-building</a></p>