Javascript media queries #javascript #js #vanilla #mediaqueries #responsive

mediaqueris.js

if (window.matchMedia('(min-width: 640px)').matches) {
	console.log('Wide viewport');
} else {
	console.log('Small viewport');
}

if (window.matchMedia('(orientation: portrait)').matches) {
	console.log('Portrait');
} else {
	console.log('Landscape');
}

window.matchMedia('(orientation: portrait)').onchange = function (event) {
	console.log('The orientation is portrait now');
};