Skip to content

Instantly share code, notes, and snippets.

@Nifled

Nifled/mq.js

Created February 25, 2017 19:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Nifled/31b0e1de5c2ce72a1091d306f0a1cac0 to your computer and use it in GitHub Desktop.
Save Nifled/31b0e1de5c2ce72a1091d306f0a1cac0 to your computer and use it in GitHub Desktop.
Download ZIP
Javascript Media Queries (with listener)
Raw
mq.js
/* JavaScript Media Queries */
if (matchMedia) {
var mq = window.matchMedia("(min-width: 1200px)");
mq.addListener(WidthChange);
WidthChange(mq);
}
// media query change
function WidthChange(mq) {
var msg = (mq.matches ? "more" : "less") + " than 1200px pixels";
if (mq.matches) {
document.getElementById("owner").style.border = "1px solid black";
} else {
document.getElementById("owner").style.border = "3px solid green";
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment