Buen dia,necesito al realizar una consulta que verifique varios parámetros porque el código que empleo únicamente realiza en uno (700px),adjunto codigo para un mejor entendimiento.
function myFunction(x) {
if (x.matches) { // If media query matches
document.body.style.backgroundColor = "yellow";
} else {
document.body.style.backgroundColor = "pink";
}
}
var x = window.matchMedia("(max-width: 700px)")
myFunction(x) // Call listener function at run time
x.addListener(myFunction) // Attach listener function on state changes