Google Pixel

Google Pixel 9 vs Google Pixel 10: screen size for websites

Same viewport. The Google Pixel 9 and Google Pixel 10 both give web pages 412 × 924 CSS pixels, so a site that fits one fits the other.

Google Pixel 9Google Pixel 10
CSS viewport412 × 924412 × 924
Visible on first load412 × 786 (Chrome (Android))412 × 786 (Chrome (Android))
Device pixel ratio2.6252.625
Physical resolution1080 × 24241080 × 2424
Screen size6.3″6.3″
Aspect ratio20.2:920.2:9
Tailwind breakpointbase styles onlybase styles only
Bootstrap tierxsxs
Full-width image needs1082px1082px
Released20242025

See your site on both, side by side

Paste your address (or localhost:3000). doesitfit shows it on the Google Pixel 9 and Google Pixel 10 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: 412px vs 412px

Identical, so text wraps in exactly the same places.

Height: 924px vs 924px

On first load a page shows 786px on the Google Pixel 9 and 786px on the Google Pixel 10, so “above the fold” is the same.

Questions people ask

Is the Google Pixel 9 screen bigger than the Google Pixel 10 for websites?

Same viewport. The Google Pixel 9 and Google Pixel 10 both give web pages 412 × 924 CSS pixels, so a site that fits one fits the other.

What are the viewport sizes of the Google Pixel 9 and Google Pixel 10?

Google Pixel 9: 412 × 924 CSS px (DPR 2.625). Google Pixel 10: 412 × 924 CSS px (DPR 2.625).

Do I need to test my site on both?

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

More comparisons