iPhone

iPhone 15 / 15 Pro vs iPhone 16: screen size for websites

Same viewport. The iPhone 15 / 15 Pro and iPhone 16 both give web pages 393 × 852 CSS pixels, so a site that fits one fits the other.

iPhone 15 / 15 ProiPhone 16
CSS viewport393 × 852393 × 852
Visible on first load393 × 699 (Safari (iOS 26))393 × 699 (Safari (iOS 26))
Device pixel ratio33
Physical resolution1179 × 25561179 × 2556
Screen size6.1″6.1″
Aspect ratio19.5:919.5:9
Tailwind breakpointbase styles onlybase styles only
Bootstrap tierxsxs
Full-width image needs1179px1179px
Released20232024

See your site on both, side by side

Paste your address (or localhost:3000). doesitfit shows it on the iPhone 15 / 15 Pro and iPhone 16 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: 393px vs 393px

Identical, so text wraps in exactly the same places.

Height: 852px vs 852px

On first load a page shows 699px on the iPhone 15 / 15 Pro and 699px on the iPhone 16, so “above the fold” is the same.

Questions people ask

Is the iPhone 15 / 15 Pro screen bigger than the iPhone 16 for websites?

Same viewport. The iPhone 15 / 15 Pro and iPhone 16 both give web pages 393 × 852 CSS pixels, so a site that fits one fits the other.

What are the viewport sizes of the iPhone 15 / 15 Pro and iPhone 16?

iPhone 15 / 15 Pro: 393 × 852 CSS px (DPR 3). iPhone 16: 393 × 852 CSS px (DPR 3).

Do I need to test my site on both?

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

More comparisons