What is the viewport size of the Microsoft Surface Pro 10?

The Microsoft Surface Pro 10 has a viewport size of 1368×912 CSS pixels with a device pixel ratio of 2x. Its physical screen resolution is 2736×1824 pixels on a 13 inch display.

Which CSS breakpoint does the Microsoft Surface Pro 10 use?

The Microsoft Surface Pro 10 (1368px wide) falls into the "xl" breakpoint in Tailwind CSS, "xl" in Bootstrap 5, and "lg" in Material UI.

What is the device pixel ratio of the Microsoft Surface Pro 10?

The Microsoft Surface Pro 10 has a device pixel ratio (DPR) of 2x, meaning each CSS pixel is rendered using 2×2 = 4 physical pixels. This gives the display sharp, high-density rendering for text and images.

Tablet Microsoft Current

Microsoft Surface Pro 10 Viewport Size

1368×912 CSS pixels · 2736×1824 physical pixels · 2x DPR

Display Specifications

Viewport Width

1368px CSS pixels

Viewport Height

912px CSS pixels

Physical Width

2736px hardware pixels

Physical Height

1824px hardware pixels

Device Pixel Ratio

2x 1 CSS px = 2×2 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

13 inch diagonal

Aspect Ratio

3:2

Operating System

Windows 11

Release Year

2024

Touch Support

Yes

CSS Breakpoint Mapping

At 1368px wide, the Microsoft Surface Pro 10 falls into these CSS framework breakpoints:

Tailwind CSS v4

min-width: 1280px

Bootstrap 5

min-width: 1200px

Material UI v6

min-width: 1200px

Related Devices

iPad (10th gen)

820×1180 · 2x DPR

iPad Air M2

820×1180 · 2x DPR

iPad Air 13″ M2

1024×1366 · 2x DPR

iPad Pro 11″ M4

834×1194 · 2x DPR

Audit your site on Microsoft Surface Pro 10

See how your site looks at 1368×912 — Viewpo takes real browser screenshots and checks for responsive design issues.

Try Viewpo Free