Skip to main content
Agrega detalles
Origen Enlace
akko
  • 2.4k
  • 7
  • 38
  • 68

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

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

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

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

Origen Enlace
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.

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