Características Apple iPad Mini (6th Gen) (2021)

Capture image Apple iPad Mini

Resolución del viewport (reglas CSS)

Es la resolución que más interesa a los diseñadores y desarrolladores porque condiciona los breakpoints y la definición de las media queries. En general, solo se habla de esta resolución.
En cuanto a Apple iPad Mini (6th Gen) (2021), es de:

  • 768 píxeles en ancho (width)
  • 1024 píxeles en altura (height) ⚠️ la altura es indicativa porque el navegador Safari, Chrome, etc., reduce el área visible

ℹ️ Algunas herramientas de análisis solo muestran la resolución del fabricante (a continuación) y no la presentada arriba, así que tenga cuidado al interpretar los resultados.

Disponible en el simulador

Pruebe su sitio responsive en Apple iPad Mini (6th Gen) (2021) gracias a la extensión del navegador.
Es gratis y activable en 2 clics.

Instalar la extensión Chrome

Densidad de píxel

En Apple iPad Mini (6th Gen) (2021) es de 2

Si desea dirigirse en CSS a los dispositivos con al menos esta densidad de píxel, puede usar esta media query.

                        
                            @media only screen and (-webkit-min-device-pixel-ratio: 2) {

                                /* CSS */

                            }

También en javascript, es posible recuperar el valor de la densidad de píxel.

                        
                            window.devicePixelRatio

                            // Lo que devolverá el número 2

Resolución del fabricante Apple iPad Mini (6th Gen) (2021)

Dada la densidad de píxel, esto da:

  • 1536 píxeles de ancho
  • 2048 píxeles de alto

Mockup HD gratuito en formato PNG

Mockup gratuito de Apple iPad Mini (6th Gen) (2021) en HD en formato PNG y PSD con fondo transparente
Mockup Apple iPad Mini (6th Gen) (2021) en HD PNG transparente
Guardar
 Resolución 2608 ✕ 1728px (66.84 ko)
Descargar gratis