Resolución de viewport (reglas CSS)
Es la resolución que más interesa a diseñadores y desarrolladores porque condiciona los breakpoints y la definición de media queries. En general solo hablamos de esta resolución.
En cuanto a Apple iPad PRO 11" (3rd Gen) (2018), es:
- 1194 pixeles en anchura (width)
- 834 pixeles en altura (height) ⚠️ la altura es indicativa porque el navegador Safari, Chrome, etc. reducen el área visible
ℹ️ Algunas herramientas de análisis solo muestran la resolución del fabricante (a continuación) y no la presentada anteriormente, así que tenga cuidado al interpretar los resultados.
Disponible en el simulador
Pruebe su sitio ahora en este dispositivo Apple iPad PRO 11" (3rd Gen) (2018) usando la extensión del navegador.
Es gratis y se puede activar con 2 clics.
Densidad de pixeles
En Apple iPad PRO 11" (3rd Gen) (2018) es 2
Si desea apuntar a dispositivos con al menos esta densidad de píxeles en CSS, puede usar es 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íxeles.
window.devicePixelRatio
// Que devolverá la figura 2
Resolución del fabricante Apple iPad PRO 11" (3rd Gen) (2018)
Dada la densidad de píxeles, esto da:
- 2388 píxeles de ancho
- 1668 píxeles de altura
Free HQ mockup PNG format
