What is the viewport size of the Google Pixel 9 Pro?

The Google Pixel 9 Pro has a viewport size of 412×915 CSS pixels with a device pixel ratio of 3.5x. Its physical screen resolution is 1280×2856 pixels on a 6.3 inch display.

Which CSS breakpoint does the Google Pixel 9 Pro use?

The Google Pixel 9 Pro (412px wide) falls into the "default" breakpoint in Tailwind CSS, "xs" in Bootstrap 5, and "xs" in Material UI.

What is the device pixel ratio of the Google Pixel 9 Pro?

The Google Pixel 9 Pro has a device pixel ratio (DPR) of 3.5x, meaning each CSS pixel is rendered using 3.5×3.5 = 12 physical pixels. This gives the display sharp, high-density rendering for text and images.

Phone Google Current

Google Pixel 9 Pro Viewport Size

412×915 CSS pixels · 1280×2856 physical pixels · 3.5x DPR

Display Specifications

Viewport Width

412px CSS pixels

Viewport Height

915px CSS pixels

Physical Width

1280px hardware pixels

Physical Height

2856px hardware pixels

Device Pixel Ratio

3.5x 1 CSS px = 3.5×3.5 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

6.3 inch diagonal

Aspect Ratio

20:9

Operating System

Android 15

Release Year

2024

Touch Support

Yes

CSS Breakpoint Mapping

At 412px wide, the Google Pixel 9 Pro falls into these CSS framework breakpoints:

Tailwind CSS v4

default

min-width: 0

Bootstrap 5

min-width: 0

Material UI v6

min-width: 0

Related Devices

Google Pixel 8

412×915 · 2.625x DPR

default

Google Pixel 9

412×915 · 2.625x DPR

default

iPhone SE

375×667 · 2x DPR

default

iPhone 13

390×844 · 3x DPR

default

Audit your site on Google Pixel 9 Pro

See how your site looks at 412×915 — Viewpo takes real browser screenshots and checks for responsive design issues.

Try Viewpo Free