Pixel 8a viewport size, resolution and safe areas

The Pixel 8a has a viewport of 412×915 CSS pixels in portrait (915×412 in landscape), a device pixel ratio (DPR) of 2.625 and a physical resolution of ≈1082×2402.

Portrait: 412×915
Landscape: 915×412
DPR: 2.625
Physical: ≈ 1082×2402

Pixel 8a in Breakpane, App mode, with Lume open and the viewport dimension lines — Breakpane capture in App mode (installed PWA). The dimension lines show the viewport the page measured inside the device; system bars that stay reserved are not counted.

Measurements

Pixel 8a measurements in CSS pixels
Viewport, portrait	412×915
Viewport, landscape	915×412
Device pixel ratio (DPR)	2.625
Physical resolution	≈ 1082×2402
Status bar	36 px
Gesture bar	24 px
Chrome: space taken at the top	92 px
Chrome: space taken at the bottom	24 px
Visible viewport in Chrome, portrait	412×799
OS	Android
Note	same screen as the Pixel 8

≈ when the DPR is fractional: the OS rounds the viewport, so the real panel can differ by a pixel or two from viewport × DPR.

CSS for the Pixel 8a

Media query by width

Breakpoints are written in CSS pixels, never in physical resolution.

/* Pixel 8a: 412 CSS px in portrait, 915 in landscape */
@media (max-width: 412px) {
  /* … */
}

/* screens with a DPR of 2.625 or more */
@media (min-resolution: 2.625dppx) {
  /* 2.625x images */
}

dvh, svh and Chrome's address bar

In Chrome on the Pixel 8a, the address bar is 56 px tall and collapses as you scroll. 100svh is the height with the bar showing (799 px); 100dvh follows the bar; 100vh is the height with the bar collapsed, taller than what shows when the page opens. With viewport-fit=cover, Chrome on Android 15 and later draws the page under the gesture bar and reports its 24 px in env(safe-area-inset-bottom).

/* Pixel 8a in Chrome: 799 px with the bar showing */
.hero { min-height: 100svh; }
.full-screen { height: 100dvh; }
.bottom-bar { padding-bottom: env(safe-area-inset-bottom); }

How Breakpane emulates the Pixel 8a

Breakpane doesn't run Android. It's Chromium with the Pixel 8a's viewport (412×915), density (2.625), user agent, touch, safe areas and display-mode, inside a frame with the real dimensions, floating in front of your editor with your dev server live.

More devices: Android

All devices

Measurements from Breakpane's device catalog, checked against public sources (the Chrome DevTools device list, useyourloaf.com, deviceatlas.com, yesviz.com, webmobilefirst.com and 1440px.com) between Oct 2, 2026 and Oct 5, 2026.