Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > CSS

  • Print
  • + Share This
From the author of Tip 2: Support Older IE Versions with a Polyfill

Tip 2: Support Older IE Versions with a Polyfill

One problem with using the "mobile first" technique is that older browsers that don't support media queries will be stuck with the mobile/narrow screen layout, because that's the default layout, applied before any media queries kick in. This really isn't what you want for IE 6–8 on the desktop!

To get around this issue, use a JavaScript polyfill to add media-query support to browsers that don't support it natively. The best two polyfills for this purpose are as follows:

  • css3mediaqueries.js is larger, but it supports a wider range of queries.
  • respond.js is smaller, but it supports only width and height media queries.

Basically, you should use respond.js unless you need wider media query support.

  • + Share This
  • 🔖 Save To Your Account