iPhoneSamsung Galaxy

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

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

iPhone 17 Pro MaxSamsung Galaxy S25 Ultra
CSS viewport440 × 956384 × 832
Visible on first load440 × 800 (Safari (iOS 26))384 × 712 (Chrome (Android))
Device pixel ratio32.8125
Physical resolution1320 × 28681440 × 3120
Screen size6.9″6.9″
Aspect ratio19.6:919.5:9
Tailwind breakpointbase styles onlybase styles only
Bootstrap tierxsxs
Full-width image needs1320px1080px
Released20252025

See your site on both, side by side

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

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

Height: 956px vs 832px

On first load a page shows 800px on the iPhone 17 Pro Max and 712px on the Samsung Galaxy S25 Ultra, so “above the fold” differs by 88px.

Questions people ask

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

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

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

iPhone 17 Pro Max: 440 × 956 CSS px (DPR 3). Samsung Galaxy S25 Ultra: 384 × 832 CSS px (DPR 2.8125).

Do I need to test my site on both?

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

More comparisons