Caracteristicas Microsoft Surface Duo

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 Microsoft Surface Duo, es:

  • 1114 pixeles en anchura (width)
  • 705 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 Microsoft Surface Duo usando la extensión del navegador.
Es gratis y se puede activar con 2 clics.

Instala la extensión

Densidad de pixeles

En Microsoft Surface Duo es 2.5

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.5) {
    /* CSS */
}

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

                        
                            window.devicePixelRatio
// Que devolverá la figura 2.5

Resolución del fabricante Microsoft Surface Duo

Dada la densidad de píxeles, esto da:

  • 2785 píxeles de ancho
  • 1762 píxeles de altura

Free HQ mockup PNG format

Maqueta HD gratuita de Microsoft Surface Duo en formato de imagen PNG y PSD con fondo transparente
Mockup Microsoft Surface Duo HD PNG transparente Resolución 2328 ✕ 1842px (35.09 ko)