Samsung Galaxy

Samsung Galaxy S26 vs Samsung Galaxy S26 Ultra: screen size for websites

The Samsung Galaxy S26 Ultra is 24px wider and 52px taller in CSS pixels. That’s enough for a layout that fits the Samsung Galaxy S26 Ultra to spill on the Samsung Galaxy S26.

Samsung Galaxy S26Samsung Galaxy S26 Ultra
CSS viewport360 × 780384 × 832
Visible on first load360 × 660 (Chrome (Android))384 × 712 (Chrome (Android))
Device pixel ratio32.8125
Physical resolution1080 × 23401440 × 3120
Screen size6.3″6.9″
Aspect ratio19.5:919.5:9
Tailwind breakpointbase styles onlybase styles only
Bootstrap tierxsxs
Full-width image needs1080px1080px
Released20262026

See your site on both, side by side

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

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

Height: 780px vs 832px

On first load a page shows 660px on the Samsung Galaxy S26 and 712px on the Samsung Galaxy S26 Ultra, so “above the fold” differs by 52px.

Questions people ask

Is the Samsung Galaxy S26 screen bigger than the Samsung Galaxy S26 Ultra for websites?

The Samsung Galaxy S26 Ultra is 24px wider and 52px taller in CSS pixels. That’s enough for a layout that fits the Samsung Galaxy S26 Ultra to spill on the Samsung Galaxy S26.

What are the viewport sizes of the Samsung Galaxy S26 and Samsung Galaxy S26 Ultra?

Samsung Galaxy S26: 360 × 780 CSS px (DPR 3). Samsung Galaxy S26 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 384px wide. Test the narrower one first: it’s where things spill.

More comparisons