Google reference

Pixel 8 Screen & Viewport Specifications

3 Pixel 8 models compared using manufacturer panel specifications and separately published CSS observations.

What CSS dimensions are documented for Pixel 8?

Pixel 8 (main): 412 × 915 CSS reference; DPR 2.625; Pixel 8 Pro (main): 448 × 998 CSS reference; DPR 3; Pixel 8a (main): 412 × 915 CSS reference; DPR 2.625. Actual browser viewport dimensions vary with settings and browser UI.

Measured in your browser

Your browser viewport and DPR
Measured locally after JavaScript runs; not a device-model identification.

Pixel 8 configuration notes

Pixel 8: OS is launch OS, not current installed OS.

Pixel 8: Exact first-sale date not verified in this inventory; releaseDate is null; year follows Google official model heading.

Pixel 8: Model codes are only those explicitly identified in Google specifications; regional completeness is not guaranteed.

Pixel 8: Viewport enrichment 2026-10-19: replacement record keyed by id; published reference verification only, not on-device measurement.

Pixel 8 (main): Explicitly documented portrait CSS reference; source values verified, not independently measured on a physical phone.

Pixel 8 (main): Published-reference preferred for canonical fields; emulator/simulator profiles are references, NOT proof of real measured default settings.

Pixel 8 (main): Default display size, resolution mode, browser/OS version and measurement procedure are not verified. Browser chrome and zoom can change live viewports; landscape not verified.

Pixel 8 (main): Google manufacturer panel, diagonal and PPI retained unchanged; never calculate CSS viewport or DPR from physical pixels.

Pixel 8 (main): published-reference, 412 × 915 CSS px and 2.625× DPR. Not a verified measured default. Source: https://screenchord.app/pixel-8

Pixel 8 (main): simulator-reference, 412 × 915 CSS px and 2.625× DPR. Not a verified measured default. Source: https://www.webmobilefirst.com/en/devices/google-pixel-8-2024/

Pixel 8 (main): emulator-reference, 412 × 915 CSS px and 2.625× DPR. Not a verified measured default. Source: https://blisk.io/devices/details/google-pixel-8

Pixel 8 Pro: OS is launch OS, not current installed OS.

Pixel 8 Pro: Exact first-sale date not verified in this inventory; releaseDate is null; year follows Google official model heading.

Pixel 8 Pro: Model codes are only those explicitly identified in Google specifications; regional completeness is not guaranteed.

Pixel 8 Pro: Viewport enrichment 2026-10-19: replacement record keyed by id; published reference verification only, not on-device measurement.

Pixel 8 Pro (main): Explicitly documented portrait CSS reference; source values verified, not independently measured on a physical phone.

Pixel 8 Pro (main): Published-reference preferred for canonical fields; emulator/simulator profiles are references, NOT proof of real measured default settings.

Pixel 8 Pro (main): Default display size, resolution mode, browser/OS version and measurement procedure are not verified. Browser chrome and zoom can change live viewports; landscape not verified.

Pixel 8 Pro (main): Google manufacturer panel, diagonal and PPI retained unchanged; never calculate CSS viewport or DPR from physical pixels.

Pixel 8 Pro (main): published-reference, 448 × 998 CSS px and 3× DPR. Not a verified measured default. Source: https://screenchord.app/pixel-8-pro

Pixel 8 Pro (main): emulator-reference, 448 × 998 CSS px and 3× DPR. Not a verified measured default. Source: https://blisk.io/devices/details/google-pixel-8-pro

Pixel 8 Pro (main): emulator-reference, 448 × 997 CSS px and 3× DPR. Not a verified measured default. Source: https://github.com/ChromeDevTools/devtools-frontend/blob/main/front_end/models/emulation/EmulatedDevices.ts

Pixel 8a: OS is launch OS, not current installed OS.

Pixel 8a: Exact first-sale date not verified in this inventory; releaseDate is null; year follows Google official model heading.

Pixel 8a: Model codes are only those explicitly identified in Google specifications; regional completeness is not guaranteed.

Pixel 8a: Viewport enrichment 2026-10-19: replacement record keyed by id; published reference verification only, not on-device measurement.

Pixel 8a (main): Explicitly documented portrait CSS reference; source values verified, not independently measured on a physical phone.

Pixel 8a (main): Published-reference preferred for canonical fields; emulator/simulator profiles are references, NOT proof of real measured default settings.

Pixel 8a (main): Default display size, resolution mode, browser/OS version and measurement procedure are not verified. Browser chrome and zoom can change live viewports; landscape not verified.

Pixel 8a (main): Google manufacturer panel, diagonal and PPI retained unchanged; never calculate CSS viewport or DPR from physical pixels.

Pixel 8a (main): published-reference, 412 × 915 CSS px and 2.625× DPR. Not a verified measured default. Source: https://screenchord.app/pixel-8a

Panel pixels, CSS reference dimensions and browser viewport

Physical panel resolution describes the display hardware. CSS reference dimensions describe a published logical screen configuration, not necessarily the visible browser window. The live viewport below reads window.innerWidth and window.innerHeight. Browser bars, page zoom, display scaling, operating system version and folding can change that viewport. Never identify a phone solely by its CSS width or device pixel ratio.

We record physical specifications from manufacturer documentation, and CSS dimensions only when a separate technical reference explicitly documents them. We do not divide a native panel resolution by an assumed pixel ratio to invent a viewport. Missing observations are marked Not documented. A published reference is not a measurement of your own phone; test your actual browser before relying on a breakpoint.

Orientation and responsive testing

Landscape browser viewport values need their own observations: simply swapping portrait dimensions ignores browser controls, cutouts, safe areas and system insets. When a landscape measurement is missing we leave it undocumented. A rotated reference rectangle can help with a layout simulation, but is not an independently verified landscape viewport.

Use content-driven breakpoints rather than device-detection media queries. Test narrow widths first, then gradually expand the browser until the layout needs to change. Images need sufficient pixel density for the actual rendered size; devicePixelRatio can change with zoom and system display settings. On foldables, test cover and inner screens separately and resize while the page is open.

Sources and data quality

Manufacturer-confirmed panel resolution describes physical hardware only. Independently measured CSS viewport requires a dated measurement method, browser and OS context. Documented third-party viewport reference means a source explicitly publishes the values, but not necessarily that its device settings or measurement method are known. Emulator configurations are testing presets, never measurements of a physical phone in its default setup. Unknown or conflicting values stay visibly qualified.

A manufacturer-backed panel does not verify a whole device. Missing browser version, OS version, zoom and display scaling remain unknown. PPI is cited or calculated from panel pixels and diagonal inches, never used to invent CSS measurements. Incomplete entries do not automatically receive indexable articles. Coverage includes only the listed models and display states.

Measure your actual viewport

Layout viewport is the page layout area reported by window.innerWidth and innerHeight. Visual viewport is the currently visible page area; pinch zoom or the keyboard can change it. Screen dimensions are logical CSS pixels, not native panel resolution. Device pixel ratio and visual viewport scale are separate readings, not interchangeable zoom percentages.

Copy Measurement includes a fresh UTC timestamp and the available browser readings. Unavailable visual viewport values remain unavailable. Readings stay local and are not automatically stored, submitted or added to the catalog. Neither viewport nor user agent reliably identifies a phone model.

Screen specifications

Model / displayYearDiagonalPhysical panelCSS portrait referenceLandscape viewportDPRPPIPanel evidenceViewport evidenceFold stateCSS configurationCSS source / checked
Pixel 8 — main20236.2″1080 × 2400412 × 915Not documented2.625×428Manufacturer-confirmed panel resolutionDocumented third-party viewport referenceNot applicablePublished portrait CSS screen reference; browser/OS version, resolution mode and display zoom were not documented by the source. Not a verified real-device default or window.innerHeight measurement.https://screenchord.app/pixel-8 · 2026-10-19
Pixel 8 Pro — main20236.7″1344 × 2992448 × 998Not documented3×489Manufacturer-confirmed panel resolutionDocumented third-party viewport referenceNot applicablePublished portrait CSS screen reference; browser/OS version, resolution mode and display zoom were not documented by the source. Not a verified real-device default or window.innerHeight measurement.https://screenchord.app/pixel-8-pro · 2026-10-19
Pixel 8a — main20246.1″1080 × 2400412 × 915Not documented2.625×430Manufacturer-confirmed panel resolutionDocumented third-party viewport referenceNot applicablePublished portrait CSS screen reference; browser/OS version, resolution mode and display zoom were not documented by the source. Not a verified real-device default or window.innerHeight measurement.https://screenchord.app/pixel-8a · 2026-10-19

Sources