Pixel 8 vs Pixel 9: screen size and viewport
The Pixel 8 lays web pages out at 412 × 915 CSS px with a pixel ratio of 2.625; the Pixel 9 at 412 × 924 with 2.625. They are the same width, and the Pixel 9 is 9 px taller.
The two screens side by side
Specs compared
| Spec | Pixel 8 | Pixel 9 | Difference |
|---|---|---|---|
| Viewport, portrait (CSS px) | 412 × 915 | 412 × 924 | same width, −9 px tall |
| Device pixel ratio | 2.625 | 2.625 | same |
| Physical resolution | 1082 × 2402 | 1082 × 2426 | Pixel 9: 1% more pixels |
| Aspect ratio | 20:9 | 20:9 | about the same |
| Visible height, portrait, with browser bars | ~819 px | ~828 px | −9 px for the Pixel 8 |
| Landscape width (CSS px) | 915 px | 924 px | −9 px for the Pixel 8 |
| Visible height, landscape | ~332 px | ~332 px | same |
| First released | 2021 | 2024 | 3 years apart |
| Engine in MobileCheck | Chromium (Chrome) | Chromium (Chrome) | same engine |
CSS px are the units media queries see. Visible heights subtract the status bar and the Chrome on Android bars as set in our device profiles; real bar heights vary with settings and scrolling. The release year is that of the first model with each screen.
What this means for your layout
How the width difference affects your layout
Both lay pages out 412 CSS px wide, so every width-based media query, vw unit and percentage resolves exactly the same in portrait. Your layout breaks, or doesn't, at the same points on both; only the height differs.
Pixel density and image sizes
Both draw each CSS pixel with 2.625 × 2.625 device pixels, so text and icons are equally sharp. A full-width image (sizes="100vw") needs about 1082 px on both to look sharp.
With a srcset such as 640w, 828w, 1080w, 1290w, 1440w, 1640w, 2048w, the browser would normally pick the 1290w file on the Pixel 8 and the same one on the Pixel 9.
Both pixel ratios are fractional: one CSS pixel isn't a whole number of device pixels, so 1 px borders and hairlines can be rounded unevenly. Check thin lines on both rather than assuming they match.
How much fits above the fold
On first load about 828 px of the page is visible on the Pixel 9 and 819 px on the Pixel 8: 9 px less (1%) on the Pixel 8. That's less than one line of body text, so in practice both show the same first screen.
In landscape
Turned sideways, the Pixel 8 is 915 px wide and the Pixel 9 924 px. The visible height drops to about 332 px on both, so a 64 px sticky header covers 19% of the screen — under the 25% at which MobileCheck flags fixed bars covering the page.
Same browser engine
Both run Android, so both render with Chromium, the engine behind Chrome. Engine quirks are the same; the differences above come from size alone. See how to test a website on Android.
More about these devices
- Pixel 8 viewport size — one screen for the Google Pixel 6 / 7 / 8
- Pixel 9 viewport size — one screen for the Google Pixel 9 / 9a / 10
Or open the free check with the Pixel 8 and the Pixel 9 preselected: full-page screenshots in Chromium, with problems such as small text and crowded buttons highlighted.
Related comparisons
- iPhone 17 vs Pixel 9 — 402 vs 412 px wide, 3× vs 2.625×
- iPhone 17 Pro Max vs Pixel 10 — 440 vs 412 px wide, 3× vs 2.625×
- iPhone 15 vs Pixel 8 — 393 vs 412 px wide, 3× vs 2.625×
- iPhone Air vs Pixel 9 — 420 vs 412 px wide, 3× vs 2.625×
- Galaxy S25 vs Pixel 9 — 360 vs 412 px wide, 3× vs 2.625×
- Galaxy S24 Ultra vs Pixel 9 — 384 vs 412 px wide, 2.813× vs 2.625×
Compare other devices → · All mobile viewport sizes →
Frequently asked questions
Is the Pixel 8 screen bigger than the Pixel 9?
In CSS pixels, which decide how much of a page fits, the Pixel 9 is larger: 412 × 924 against 412 × 915. The Pixel 9 has more physical pixels (1082 × 2426), which makes it sharper rather than roomier.
Do I need different CSS for the Pixel 8 and the Pixel 9?
Not for width: both are 412 CSS px wide, so the same media queries apply in portrait. Check above-the-fold content instead: about 819 vs 828 px is visible on first load.
How much of a web page is visible on the Pixel 8 vs the Pixel 9?
About 412 × 819 CSS px on the Pixel 8 and 412 × 828 on the Pixel 9 when a page first opens in portrait, after the status bar and Chrome on Android's bars. Bar heights are our device profiles' estimates.