Google Pixel 9 Pro viewport size

Google Pixel 9 Pro (2024) lays web pages out at 427 × 952 CSS pixels with a pixel ratio of 3.

Browser bars and the visible area

The viewport height is the whole screen, but Chrome on Android keeps part of it for its own interface. In portrait about 80 px at the top (status bar and address bar) and 16 px at the bottom (navigation bar) are covered, leaving roughly 427 × 856 CSS px for the page when it first opens. In landscape the bars take about 80 px.

That is why 100vh can be taller than what people see. Use 100svh for the smallest visible height, 100dvh for the current one, and keep the most important content and buttons within the first 856 px.

Your screen vs the Google Pixel 9 Pro

Media queries that match the Google Pixel 9 Pro

/* Google Pixel 9 Pro, portrait */
@media (max-width: 427px) and (orientation: portrait) { … }

/* high-density screen (3×) */
@media (min-resolution: 3dppx) { … }

Rather than targeting one device, write fluid styles and add breakpoints where your layout needs them — the same CSS then works on the hundreds of models with similar sizes.

Testing on the Google Pixel 9 Pro

Android phones render with Chromium, the engine behind Chrome. Pixel ratios like 3 mean thin borders and small images can look blurry or uneven — check them at the real ratio. See how to test a website on Android.

The Google Pixel 9 Pro is one of the 54 devices in the free check.

Similar phones

• Google Pixel 9 / 9a / 10 — 412 × 924, 2.625× (2024)
• OnePlus 11 — 412 × 919, 2.625× (2023)
• Google Pixel 6 / 7 / 8 — 412 × 915, 2.625× (2021)
• Samsung Galaxy A51 / A71 — 412 × 915, 2.625× (2019)
• Google Pixel 2 — 412 × 732, 2.625× (2017)

Screen size comparisons

• iPhone 17 Pro vs Pixel 9 Pro — 402 vs 427 px wide, 3× vs 3×
• Pixel 9 vs Pixel 9 Pro — 412 vs 427 px wide, 2.625× vs 3×

All mobile viewport sizes → · Compare any two devices →