JavaScript · DOM APIs

matchMedia()

Tests a CSS media query from JavaScript and lets you subscribe to changes.

javascriptRunnable example javascript course

Syntax

window.matchMedia(query)

Example

Try it

const query = window.matchMedia("(min-width: 600px)");
console.log(typeof query.matches, typeof query.addEventListener);

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.