The constraint is vertical, not horizontal
Components wrap at the same width as the later base model, while long forms, consent sheets and stacked actions reach the lower edge sooner.
Pixel 8a screen size
Pixel 8a: 6.1″, 1080 × 2400, 430 PPI, 412 × 915 CSS viewport at DPR 2.625. It shares portrait width and density with the later base Pixel but has less vertical room, making it the stronger choice for detecting bottom-edge crowding without changing horizontal breakpoints.
To proportion
6.1″
- Display size
- 6.1″ (15.5 cm) diagonalofficial
- Resolution
- 1080 × 2400 pxofficial
- Pixel density
- 430 PPIofficial
- Aspect ratio
- 20:9calculated
- Physical size (display)
- 2.5″ × 5.56″ (6.4 × 14.1 cm)calculated
- CSS viewport
- 412 × 915 pxreference
- Device pixel ratio
- 2.625reference
- Release year
- 2024
Model-specific guidance
What this means
Compact hardware is not a narrower viewport
Its smaller physical panel does not reduce the tracked CSS width, so device selection should account for both physical ergonomics and layout dimensions.
Compare this device
The specifications below come from the device records; the notes explain why each comparison is useful.
| Device configuration | Matched to | Screen | Panel | Viewport / workspace | PPI |
|---|---|---|---|---|---|
| Pixel 8a Current page | Pixel 8a | 6.1″ | 1080 × 2400 | 412 × 915 | 430 |
| Pixel 9 The later base Pixel keeps the same width and density but adds portrait height, isolating vertical-flow behavior. | Pixel 8a | 6.3″ | 1080 × 2424 | 412 × 924 | 422 |
| Pixel 9 Pro The Pro introduces a wider CSS canvas and a different density group despite a closely related physical diagonal. | Pixel 8a | 6.3″ | 1280 × 2856 | 427 × 952 | 495 |
For developers
For developers
/* Pixel 8a — portrait reference, not a breakpoint */
viewport: 412 × 915 CSS px
panel: 1080 × 2400 · DPR 2.625
/* Test immediately below and above your layout breakpoints. */Tailwind breakpoint
base
0px-639px
Bootstrap breakpoint
xs
0px-575px
Image slot example
1236 × 696
412px wide at DPR 2.625
Responsive testing plan
Pixel 8a responsive workflow
Use the 412 × 915 CSS px at DPR 2.625 as a real QA target, then pair it with nearby widths for regression testing.
Model-specific checks
- Exercise bottom sheets, keyboard-open forms and stacked consent actions on this shorter portrait reference.
- Check touch comfort on hardware separately from CSS wrapping because physical size and viewport width do not move together.
Phones with a similar screen size
Devices with a similar viewport
Devices with a similar DPR
Sources and review dates
Values marked official come from manufacturer specifications; calculated values are derived from them; reference values are developer layout references and can vary with browser, zoom and operating-system settings.
Sources: Google · github.com · Facts reviewed 2026-09-16
Content reviewed 2026-09-16
Related tools
- Device Screen SizesBrowse sourced screen sizes, resolutions, CSS viewports, DPR and PPI for phones, tablets and laptops, with links to model-level specifications.
- Phone Screen SizesPhone screen size chart with display inches, resolution, PPI and aspect ratio; viewport references where available for tracked iPhone, Galaxy and Pixel phones, including foldables.
- Screen Size ComparisonCompare display dimensions, complete video pictures and A4 page size. View screens side by side or estimate physical size after calibration.
- Viewport Size CheckerSee your browser's CSS viewport size and window size live. Updates as you resize — with current responsive breakpoint for developers.
- Responsive Breakpoint CheckerCheck the current responsive breakpoint live, compare Tailwind and Bootstrap defaults, and copy media queries for common viewport widths.
- Responsive Image CalculatorCalculate responsive image export sizes from CSS pixels and DPR. Generate srcset, sizes and CSS image-set snippets for crisp images.
- PPI CalculatorCalculate PPI from resolution and screen size. Instant results with the formula worked through your numbers, plus physical dimensions and dot pitch.