Surface Pro 11 viewport size and resolution

The Surface Pro 11 has a 1440×960 CSS pixel screen, a device pixel ratio (DPR) of 2 and a physical resolution of 2880×1920. With Chrome maximized, the page gets 1440×824.

Screen
1440×960
Chrome maximized
1440×824
DPR
2
Physical
2880×1920
Surface Pro 11 in Breakpane, App mode, with Lume open and the viewport dimension lines
Breakpane capture in App mode (installed PWA). The dimension lines show the viewport the page measured inside the device; system bars that stay reserved are not counted.

Measurements

Screen1440×960
Device pixel ratio (DPR)2
Physical resolution2880×1920
Taskbar48 px
Space left for windows1440×912
Maximized Chrome viewport1440×824
Installed app (PWA) viewport, maximized1440×874
OSWindows
Note13″ 2880×1920 with Windows at 200% (same as Surface Pro 10)

CSS for the Surface Pro 11

Media query by width

Breakpoints are written in CSS pixels, never in physical resolution.

/* Surface Pro 11: maximized window, 1440 CSS px wide */
@media (max-width: 1440px) {
  /* … */
}

/* screens with a DPR of 2 or more */
@media (min-resolution: 2dppx) {
  /* 2x images */
}

How Breakpane emulates the Surface Pro 11

Breakpane opens the Surface Pro 11 as a 1440×960 screen with the device's frame, density (2), the user agent of Chrome on Windows and the system bars, floating in front of your editor with your dev server live.

More devices: Laptops

All devices

Measurements from Breakpane's device catalog, checked against public sources (the Chrome DevTools device list, useyourloaf.com, deviceatlas.com, yesviz.com, webmobilefirst.com and 1440px.com) between Oct 2, 2026 and Oct 5, 2026.