What is the viewport size of the Apple Pro Display XDR?

The Apple Pro Display XDR has a viewport size of 3200×1800 CSS pixels with a device pixel ratio of 2x. Its physical screen resolution is 6016×3384 pixels on a 32 inch display.

Which CSS breakpoint does the Apple Pro Display XDR use?

The Apple Pro Display XDR (3200px wide) falls into the "2xl" breakpoint in Tailwind CSS, "xxl" in Bootstrap 5, and "xl" in Material UI.

What is the device pixel ratio of the Apple Pro Display XDR?

The Apple Pro Display XDR 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.

Monitor Apple

Apple Pro Display XDR Viewport Size

3200×1800 CSS pixels · 6016×3384 physical pixels · 2x DPR

Display Specifications

Viewport Width

3200px CSS pixels

Viewport Height

1800px CSS pixels

Physical Width

6016px hardware pixels

Physical Height

3384px hardware pixels

Device Pixel Ratio

2x 1 CSS px = 2×2 physical px

Colour Depth

30-bit HDR / 10-bit per channel

Screen Size

32 inch diagonal

Aspect Ratio

16:9

Operating System

macOS 15

Release Year

2019

Touch Support

CSS Breakpoint Mapping

At 3200px wide, the Apple Pro Display XDR falls into these CSS framework breakpoints:

Tailwind CSS v4

2xl

min-width: 1536px

Bootstrap 5

xxl

min-width: 1400px

Material UI v6

min-width: 1536px

Related Devices

iMac 24″ M4

2048×1152 · 2x DPR

2xl

Apple Studio Display

2560×1440 · 2x DPR

2xl

Full HD (1080p)

1920×1080 · 1x DPR

2xl

QHD (1440p)

2560×1440 · 1x DPR

2xl

Audit your site on Apple Pro Display XDR

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

Try Viewpo Free