iPhone viewport sizes

Every iPhone Apple still supports, with the viewport a web page actually gets (CSS pixels), the device pixel ratio and the physical screen. iPhones cluster into a handful of widths, so testing four or five sizes covers almost everyone.

23 devices·widths 375–951px·updated September 2026

DeviceCSS viewportDPRPhysical pixelsYear
iPhone 18 Pro Max440×95631320×28682026
iPhone 18 Pro402×87431206×26222026
iPhone Duo — outer screen382×67831398×20342026
iPhone Duo — unfolded951×66932670×18782026
iPhone 17 Pro Max440×95631320×28682025
iPhone 17 Pro402×87431206×26222025
iPhone Air420×91231260×27362025
iPhone 17402×87431206×26222025
iPhone 17e390×84431170×25322026
iPhone 16 Pro Max440×95631320×28682024
iPhone 16 Pro402×87431206×26222024
iPhone 16 Plus430×93231290×27962024
iPhone 16393×85231179×25562024
iPhone 16e390×84431170×25322025
iPhone 15 Pro Max / 15 Plus430×93231290×27962023
iPhone 15 / 15 Pro393×85231179×25562023
iPhone 14 Pro Max430×93231290×27962022
iPhone 14 Pro393×85231179×25562022
iPhone 14 Plus / 13 Pro Max / 12 Pro Max428×92631284×27782022
iPhone 14 / 13 / 12390×84431170×25322022
iPhone 13 mini / 12 mini375×81231080×23402021
iPhone 11 / XR414×8962828×17922019
iPhone SE (2nd & 3rd gen)375×6672750×13342022

Try your site on every iPhone 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: 375px

The iPhone 13 mini / 12 mini. If your layout survives this width with 16px of padding on each side (343px of content), it survives the rest.

Widest: 951px

The iPhone Duo — unfolded. 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 iPhone viewport widths?

iPhone viewports here range from 375px (iPhone 13 mini / 12 mini) to 951px (iPhone Duo — unfolded) wide. The most common width in this list is 402px (4 devices).

Which iPhone sizes should I test?

Test the narrowest (375px), the most common (402px) and the widest (951px), plus landscape. 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