css3-mediaqueries.js - CSS Helper and CSS3 Media Queries Enabler

copyright (c) 2008 Wouter van der Graaf, all rights reserved

Author: Wouter van der Graaf

License: MIT

Website: http://woutervandergraaf.nl/css3-mediaqueries-js/

Browser support: IE 5+, Firefox 1+ and Safari 2.

Firefox 3.5+, Opera 7+, Safari 3+ and Chrome already offer native support.

Usage:

just include the script in your pages.

(And you should combine and compress with other scripts and include it just before </body> for better page speed - but you already knew that).

Write your media queries like you would for browsers with native support. The script will parse your CSS and apply the styles for positive media query tests realtime (also when you resize).

Note: Doesn't work on @import'ed stylesheets (which you shouldn't use anyway for performance reasons). Also won't listen to the media attribute of the <link> and <style> elements.