Microsofttablet2020
Microsoft Surface Duo
Complete CSS viewport dimensions, device pixel ratio, physical screen specs, and downloadable high-resolution transparent mockup.
CSS Viewport
1114 × 705px
Physical Resolution
2785 × 1762px
Device Pixel Ratio
@2.5xDPR
Diagonal Screen
5.6"(14.22 cm)
Aspect Ratio
14:9
Pixel Density
588PPI
Hardware & System Profile
Operating SystemAndroid 16.0
Rotation SupportedFixedPortrait only
Network SimulationWifi
Screen CurvatureFlat Display
Device User-Agent String
Use this string in Chrome DevTools or curl to simulate this exact device.
Mozilla/5.0 (Linux; Android 16; Surface Duo) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.6778.260 Mobile Safari/537.36 EdgA/131.0.0.0
CSS Media Query
Target Microsoft Surface Duo precisely with CSS media rules.
Portrait Mode
@media only screen
and (min-device-width: 1114px)
and (max-device-width: 1114px)
and (-webkit-min-device-pixel-ratio: 2.5) {
/* Microsoft Surface Duo (Portrait) */
}Free Chrome Extension
Test your website on Microsoft Surface Duo in 1 click
Install the Responsive Viewer extension to simulate Microsoft Surface Duo's 1114×705 viewport and DPR directly on any active browser tab.