How to make Internet Explorer 8 support media queries

Posted in Articles

Tweet This Share on Facebook Bookmark on Delicious Digg this Submit to Reddit

CSS media queries are supported by most modern browsers including Internet Explorer 9.  However, Internet Explorer 8 does not know of CSS media queries.  But you still can make it support them by a couple of Javascripts.

1.  respond.js

response.js is a lightweight polyfill which adds support only for min-width and max-width, which is what most people need anyways.  It adds support to IE6-8.   Available on github.

2. css3-mediaqueries.js

If you require more robust support for media queries, then use this one which does not require any additional comments in your media queries because it transparently parse, test, and apply CSS media queries for IE5+, Firefox 1+ and Safari 2.   Available on Google Code.