What is the viewport size of the Google Pixel 8?

The Google Pixel 8 has a viewport size of 412×915 CSS pixels with a device pixel ratio of 2.625x. Its physical screen resolution is 1080×2400 pixels on a 6.2 inch display.

Which CSS breakpoint does the Google Pixel 8 use?

The Google Pixel 8 (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 8?

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

Phone Google

Google Pixel 8 Viewport Size

412×915 CSS pixels · 1080×2400 physical pixels · 2.625x DPR

Display Specifications

Viewport Width

412px CSS pixels

Viewport Height

915px CSS pixels

Physical Width

1080px hardware pixels

Physical Height

2400px hardware pixels

Device Pixel Ratio

2.625x 1 CSS px = 2.625×2.625 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

6.2 inch diagonal

Aspect Ratio

20:9

Operating System

Android 15

Release Year

2023

Touch Support

Yes

CSS Breakpoint Mapping

At 412px wide, the Google Pixel 8 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 9

412×915 · 2.625x DPR

default

Google Pixel 9 Pro

412×915 · 3.5x DPR

default

iPhone SE

375×667 · 2x DPR

default

iPhone 13

390×844 · 3x DPR

default

Audit your site on Google Pixel 8

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

Try Viewpo Free