iPhoneSamsung Galaxy

iPhone 17 Pro vs Samsung Galaxy S25: screen size for websites

The iPhone 17 Pro is 42px wider and 94px taller in CSS pixels. That’s enough for a layout that fits the iPhone 17 Pro to spill on the Samsung Galaxy S25.

iPhone 17 ProSamsung Galaxy S25
CSS viewport402 × 874360 × 780
Visible on first load402 × 718 (Safari (iOS 26))360 × 660 (Chrome (Android))
Device pixel ratio33
Physical resolution1206 × 26221080 × 2340
Screen size6.3″6.2″
Aspect ratio19.6:919.5:9
Tailwind breakpointbase styles onlybase styles only
Bootstrap tierxsxs
Full-width image needs1206px1080px
Released20252025

See your site on both, side by side

Paste your address (or localhost:3000). doesitfit shows it on the iPhone 17 Pro and Samsung Galaxy S25 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: 402px vs 360px

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

Height: 874px vs 780px

On first load a page shows 718px on the iPhone 17 Pro and 660px on the Samsung Galaxy S25, so “above the fold” differs by 58px.

Questions people ask

Is the iPhone 17 Pro screen bigger than the Samsung Galaxy S25 for websites?

The iPhone 17 Pro is 42px wider and 94px taller in CSS pixels. That’s enough for a layout that fits the iPhone 17 Pro to spill on the Samsung Galaxy S25.

What are the viewport sizes of the iPhone 17 Pro and Samsung Galaxy S25?

iPhone 17 Pro: 402 × 874 CSS px (DPR 3). Samsung Galaxy S25: 360 × 780 CSS px (DPR 3).

Do I need to test my site on both?

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

More comparisons