#matchMedia() polyfill

test whether a CSS media type or media query applies

Authors: Scott Jehl, Paul Irish, Nicholas Zakas
Spec: <a href="http://dev.w3.org/csswg/cssom-view/#dom-window-matchmedia" rel="nofollow">dev.w3.org/csswg/cssom-view/#dom-window-matchmedia
Native support: Chrome since m10 , Firefox <a href="https://developer.mozilla.org/en/Firefox_6_for_developers" rel="nofollow">since 6 , and Safari <a href="https://developer.mozilla.org/en/DOM/window.matchMedia#Browser_compatibility" rel="nofollow">since 5.1

His code: https://github.com/fofr/matchMedia.js -- though currently it doesnt support IE6-9, since they dont have transitions, obviously. :)

Usage

if (matchMedia('tv').matches) {
  // tv media type supported
}

if (matchMedia('only screen and (max-width: 480px)').matches) {
  // smartphone/iphone... maybe run some small-screen related dom scripting?
}

if (matchMedia('all and (orientation:landscape)').matches) {
  // probably tablet in widescreen view
}