0

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
1
  • ¿Y qué mas quieres verificar?, ¿qué has intentado?, por favor lee Cómo preguntar
    – user128299
    Commented el 12 ago. 2020 a las 19:26

1 respuesta 1

0
//Verificar si existe.
if (window.matchMedia) {

var mql = window.matchMedia('(max-width: 700px)');
//Registrar evento.
mql.addEventListener( "change", function(e) {
  if (e.matches) {
   // la pantalla <= 700px
  } else {
   // mayor > 700px
  }
});

}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.