What is the viewport size of the MacBook Air 15″ M3?

The MacBook Air 15″ M3 has a viewport size of 1710×1112 CSS pixels with a device pixel ratio of 2x. Its physical screen resolution is 2880×1864 pixels on a 15.3 inch display.

Which CSS breakpoint does the MacBook Air 15″ M3 use?

The MacBook Air 15″ M3 (1710px 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 MacBook Air 15″ M3?

The MacBook Air 15″ M3 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.

Laptop Apple Current

MacBook Air 15″ M3 Viewport Size

1710×1112 CSS pixels · 2880×1864 physical pixels · 2x DPR

Display Specifications

Viewport Width

1710px CSS pixels

Viewport Height

1112px CSS pixels

Physical Width

2880px hardware pixels

Physical Height

1864px hardware pixels

Device Pixel Ratio

2x 1 CSS px = 2×2 physical px

Colour Depth

30-bit HDR / 10-bit per channel

Screen Size

15.3 inch diagonal

Aspect Ratio

16:10

Operating System

macOS 15

Release Year

2024

Touch Support

CSS Breakpoint Mapping

At 1710px wide, the MacBook Air 15″ M3 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

MacBook Pro 16″ M4

1728×1117 · 2x DPR

2xl

MacBook Air 13″ M3

1470×956 · 2x DPR

MacBook Pro 14″ M4

1512×982 · 2x DPR

Dell XPS 13

1920×1200 · 1x DPR

2xl

Audit your site on MacBook Air 15″ M3

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

Try Viewpo Free