Caracteristicas iMac 24" (2021)

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 iMac 24" (2021), es:

• 2048 pixeles en anchura (width)
• 1152 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 iMac 24" (2021) usando la extensión del navegador.
Es gratis y se puede activar con 2 clics.

Instala la extensión

---

Densidad de pixeles

En iMac 24" (2021) 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 iMac 24" (2021)

Dada la densidad de píxeles, esto da:

• 4096 píxeles de ancho
• 2304 píxeles de altura

---

Free HQ mockup PNG format