¿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?