Caracteristicas Samsung S6

Résolution du viewport CSS mobile

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 S6, es:

  • 360 pixeles en anchura (width)
  • 640 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.


Densidad de pixeles

En Samsung S6 es 4

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: 4) {
    /* CSS */
}

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

                        
                            window.devicePixelRatio
// Que devolverá la figura 4

Resolución del fabricante Samsung S6

Dada la densidad de píxeles, esto da:

  • 1440 píxeles de ancho
  • 2560 píxeles de altura