Use addEventListener/removeEventListener instead of

matchMediaAddEventListener.js

/*
CSSOM View[1] initially defined addListener() and removeListener() methods for the 
MediaQueryList interface (the object type returned by matchMedia()). Later, the 
spec changed and now MediaQueryList uses addEventListener/removeEventListener
and MediaQueryList is really a change event in disguise. 

Chrome and Opera have made this change. Other browsers are still working on it. 
This code snippet makes it possible to use addEventListener/removeEventListener 
in (almost) every browser (the usual caveats about browser support apply).

[1] http://dev.w3.org/csswg/cssom-view/
*/

if('addEventListener' in matchMedia('') === false) {
    MediaQueryList.prototype.addEventListener = function(ename, callback) {
        this.addListener(callback);
    }
    MediaQueryList.prototype.removeEventListener = function(ename, callback) {
        this.removeListener(callback);
    }
}

var mq = matchMedia('(min-width: 768px)');

mq.addEventListener('change', function(o){ console.log(o); });