iPad viewport sizes

Every current iPad, portrait and landscape. iPadOS Safari asks for desktop websites by default, so an iPad in landscape often gets your laptop layout.

10 devices·widths 744–1032px·updated September 2026

DeviceCSS viewportDPRPhysical pixelsYear
iPad Pro 13″ (M4/M5)1032×137622064×27522025
iPad Pro 11″ (M4/M5)834×121021668×24202025
iPad Air 13″ (M2–M4)1024×136622048×27322026
iPad Air 11″ (M2–M4)820×118021640×23602026
iPad 11″ (A16) / 10th gen820×118021640×23602025
iPad mini (A17 Pro) / 6th gen744×113321488×22662024
iPad 10.2″ (7th–9th gen)810×108021620×21602021
iPad Pro 12.9″ (2018–2022)1024×136622048×27322022
iPad Pro 11″ (2018–2022)834×119421668×23882022
iPad 9.7″ / mini (classic)768×102421536×20482018

Try your site on every iPad size at once

Paste your address (or localhost:3000). doesitfit shows it on real screen sizes at once and tells you, bluntly, where it spills.

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

What to take from this

Narrowest: 744px

The iPad mini (A17 Pro) / 6th gen. If your layout survives this width with 16px of padding on each side (712px of content), it survives the rest.

Widest: 1032px

The iPad Pro 13″ (M4/M5). Check that lines of text don’t get uncomfortably long and that your sm/md breakpoints kick in when you expect.

Questions people ask

What are the most common iPad viewport widths?

iPad viewports here range from 744px (iPad mini (A17 Pro) / 6th gen) to 1032px (iPad Pro 13″ (M4/M5)) wide. The most common width in this list is 834px (2 devices).

Which iPad sizes should I test?

Test the narrowest (744px), the most common (834px) and the widest (1032px). If those three look right, the sizes in between almost always do too.

Is the viewport the same as the screen resolution?

No. The viewport is measured in CSS pixels, which is the screen resolution divided by the device pixel ratio (and by any display scaling). Media queries use the viewport.

Guides that help

Other devices