MacBook Air 13″ viewport size and resolution

The MacBook Air 13″ has a 1470×956 CSS pixel screen, a device pixel ratio (DPR) of 2 and a physical resolution of 2940×1912. With Chrome maximized, the page gets 1470×838.

Screen
1470×956
Chrome maximized
1470×838
DPR
2
Physical
2940×1912
MacBook Air 13″ 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

Screen1470×956
Device pixel ratio (DPR)2
Physical resolution2940×1912
Menu bar32 px
Space left for windows1470×924
Maximized Chrome viewport1470×838
Installed app (PWA) viewport, maximized1470×886
OSmacOS
NotemacOS default resolution

CSS for the MacBook Air 13″

Media query by width

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

/* MacBook Air 13″: maximized window, 1470 CSS px wide */
@media (max-width: 1470px) {
  /* … */
}

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

How Breakpane emulates the MacBook Air 13″

Breakpane opens the MacBook Air 13″ as a 1470×956 screen with the device's frame, density (2), the user agent of Chrome on macOS 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.