iPhone

iPhone SE (2nd & 3rd gen) vs iPhone 17e: screen size for websites

The iPhone 17e is 15px wider and 177px taller in CSS pixels. Small enough that most layouts behave the same, but fixed widths between 375 and 390px will spill on the narrower one.

iPhone SE (2nd & 3rd gen)iPhone 17e
CSS viewport375 × 667390 × 844
Visible on first load375 × 583 (Safari (iOS 26))390 × 703 (Safari (iOS 26))
Device pixel ratio23
Physical resolution750 × 13341170 × 2532
Screen size4.7″6.1″
Aspect ratio9:1619.5:9
Tailwind breakpointbase styles onlybase styles only
Bootstrap tierxsxs
Full-width image needs750px1170px
Released20222026

See your site on both, side by side

Paste your address (or localhost:3000). doesitfit shows it on the iPhone SE (2nd & 3rd gen) and iPhone 17e 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: 375px vs 390px

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

Height: 667px vs 844px

On first load a page shows 583px on the iPhone SE (2nd & 3rd gen) and 703px on the iPhone 17e, so “above the fold” differs by 120px.

Questions people ask

Is the iPhone SE (2nd & 3rd gen) screen bigger than the iPhone 17e for websites?

The iPhone 17e is 15px wider and 177px taller in CSS pixels. Small enough that most layouts behave the same, but fixed widths between 375 and 390px will spill on the narrower one.

What are the viewport sizes of the iPhone SE (2nd & 3rd gen) and iPhone 17e?

iPhone SE (2nd & 3rd gen): 375 × 667 CSS px (DPR 2). iPhone 17e: 390 × 844 CSS px (DPR 3).

Do I need to test my site on both?

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

More comparisons