iPad

iPad 11″ (A16) / 10th gen vs iPad Air 11″ (M2–M4): screen size for websites

Same viewport. The iPad 11″ (A16) / 10th gen and iPad Air 11″ (M2–M4) both give web pages 820 × 1180 CSS pixels, so a site that fits one fits the other.

iPad 11″ (A16) / 10th geniPad Air 11″ (M2–M4)
CSS viewport820 × 1180820 × 1180
Visible on first load820 × 1106 (Safari (iPadOS))820 × 1106 (Safari (iPadOS))
Device pixel ratio22
Physical resolution1640 × 23601640 × 2360
Screen size10.9″10.9″
Aspect ratio13:913:9
Tailwind breakpointmdmd
Bootstrap tiermdmd
Full-width image needs1640px1640px
Released20252026

See your site on both, side by side

Paste your address (or localhost:3000). doesitfit shows it on the iPad 11″ (A16) / 10th gen and iPad Air 11″ (M2–M4) 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: 820px vs 820px

Identical, so text wraps in exactly the same places.

Height: 1180px vs 1180px

On first load a page shows 1106px on the iPad 11″ (A16) / 10th gen and 1106px on the iPad Air 11″ (M2–M4), so “above the fold” is the same.

Questions people ask

Is the iPad 11″ (A16) / 10th gen screen bigger than the iPad Air 11″ (M2–M4) for websites?

Same viewport. The iPad 11″ (A16) / 10th gen and iPad Air 11″ (M2–M4) both give web pages 820 × 1180 CSS pixels, so a site that fits one fits the other.

What are the viewport sizes of the iPad 11″ (A16) / 10th gen and iPad Air 11″ (M2–M4)?

iPad 11″ (A16) / 10th gen: 820 × 1180 CSS px (DPR 2). iPad Air 11″ (M2–M4): 820 × 1180 CSS px (DPR 2).

Do I need to test my site on both?

Not for layout: they share a viewport. Test once.

More comparisons