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 Samsung Galaxy Z Flip3 (2021), es:
- 360 pixeles en anchura (width)
- 880 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 Samsung Galaxy Z Flip3 (2021) usando la extensión del navegador.
Es gratis y se puede activar con 2 clics.
Densidad de pixeles
En Samsung Galaxy Z Flip3 (2021) es 3
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: 3) {
/* CSS */
}
También en javascript, es posible recuperar el valor de la densidad de píxeles.
window.devicePixelRatio
// Que devolverá la figura 3
Resolución del fabricante Samsung Galaxy Z Flip3 (2021)
Dada la densidad de píxeles, esto da:
- 1080 píxeles de ancho
- 2640 píxeles de altura
Free HQ mockup PNG format
