Skip to main content
2 de 2
Agrega detalles
akko
  • 2.4k
  • 7
  • 38
  • 68

¿Cómo calcular media queries en CSS?

¿Cómo puedo calcular el media query correcto para una resolución?

Por ejemplo, si tengo un dispositivo con una resolución de pantalla de 1080X1920 ¿Qué media query debería utilizar?

@media(max-width: 1080px){
  // No funciona
}

Leí que los media queries funcionan por aspect ratio y densidad de pixeles, pero no sé como calcular esta información para poder utilizar un media query en CSS.

Por ejemplo, el iPhone 6+ tiene una resolución de pantalla de 1920 x 1080, pero entra en el media query de 414px

@media(max-width: 414px) {
  // Este código CSS funciona en iPhone 6+
}

¿Hay alguna herramienta o manera de saber el media query correcto?

akko
  • 2.4k
  • 7
  • 38
  • 68