MacBook

MacBook Air 13″ (M2–M5) vs MacBook Air 15″ (M2–M5): screen size for websites

The MacBook Air 15″ (M2–M5) is 240px wider and 151px taller in CSS pixels. That’s enough for a layout that fits the MacBook Air 15″ (M2–M5) to spill on the MacBook Air 13″ (M2–M5).

MacBook Air 13″ (M2–M5)MacBook Air 15″ (M2–M5)
CSS viewport1470 × 9561710 × 1107
Visible on first load1470 × 832 (Chrome (macOS))1710 × 982 (Chrome (macOS))
Device pixel ratio22
Physical resolution2560 × 16642880 × 1864
Screen size13.6″15.3″
Aspect ratio16:10.416:10.4
Tailwind breakpointxl2xl
Bootstrap tierxxlxxl
Full-width image needs2940px3420px
Released20262026

See your site on both, side by side

Paste your address (or localhost:3000). doesitfit shows it on the MacBook Air 13″ (M2–M5) and MacBook Air 15″ (M2–M5) at their exact sizes, next to each other.

Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.

What the difference means for your site

Width: 1470px vs 1710px

Headings and buttons wrap differently: a line that fits in 1710px can break onto two lines in 1470px. Anything with a fixed width between the two makes the narrower screen scroll sideways (fix it).

Height: 956px vs 1107px

On first load a page shows 832px on the MacBook Air 13″ (M2–M5) and 982px on the MacBook Air 15″ (M2–M5), so “above the fold” differs by 150px.

Questions people ask

Is the MacBook Air 13″ (M2–M5) screen bigger than the MacBook Air 15″ (M2–M5) for websites?

The MacBook Air 15″ (M2–M5) is 240px wider and 151px taller in CSS pixels. That’s enough for a layout that fits the MacBook Air 15″ (M2–M5) to spill on the MacBook Air 13″ (M2–M5).

What are the viewport sizes of the MacBook Air 13″ (M2–M5) and MacBook Air 15″ (M2–M5)?

MacBook Air 13″ (M2–M5): 1470 × 956 CSS px (DPR 2). MacBook Air 15″ (M2–M5): 1710 × 1107 CSS px (DPR 2).

Do I need to test my site on both?

Yes if your layout has anything close to 1710px wide. Test the narrower one first: it’s where things spill.

More comparisons