Samsung Galaxy

Samsung Galaxy S24 vs Samsung Galaxy S25: screen size for websites

Same viewport. The Samsung Galaxy S24 and Samsung Galaxy S25 both give web pages 360 × 780 CSS pixels, so a site that fits one fits the other.

Samsung Galaxy S24Samsung Galaxy S25
CSS viewport360 × 780360 × 780
Visible on first load360 × 660 (Chrome (Android))360 × 660 (Chrome (Android))
Device pixel ratio33
Physical resolution1080 × 23401080 × 2340
Screen size6.2″6.2″
Aspect ratio19.5:919.5:9
Tailwind breakpointbase styles onlybase styles only
Bootstrap tierxsxs
Full-width image needs1080px1080px
Released20242025

See your site on both, side by side

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

Identical, so text wraps in exactly the same places.

Height: 780px vs 780px

On first load a page shows 660px on the Samsung Galaxy S24 and 660px on the Samsung Galaxy S25, so “above the fold” is the same.

Questions people ask

Is the Samsung Galaxy S24 screen bigger than the Samsung Galaxy S25 for websites?

Same viewport. The Samsung Galaxy S24 and Samsung Galaxy S25 both give web pages 360 × 780 CSS pixels, so a site that fits one fits the other.

What are the viewport sizes of the Samsung Galaxy S24 and Samsung Galaxy S25?

Samsung Galaxy S24: 360 × 780 CSS px (DPR 3). Samsung Galaxy S25: 360 × 780 CSS px (DPR 3).

Do I need to test my site on both?

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

More comparisons