A carried-forward Pixel layout
The current data keeps the base Pixel in the same viewport, panel and density group as its predecessor.
Pixel 10 screen size
Pixel 10: 6.3″, 1080 × 2424, 422 PPI, 412 × 923 CSS viewport at DPR 2.625. Its tracked screen and CSS layout references match the previous base Pixel, so it can reuse the same primary responsive target while the device matrix moves to the newer model.
To proportion
6.3″
- Display size
- 6.3″ (16 cm) diagonalofficial
- Resolution
- 1080 × 2424 pxofficial
- Pixel density
- 422 PPIofficial
- Aspect ratio
- 2.24:1calculated
- Physical size (display)
- 2.56″ × 5.75″ (6.5 × 14.6 cm)calculated
- CSS viewport
- 412 × 923 pxreference
- Device pixel ratio
- 2.625reference
- Release year
- 2025
For developers
/* Pixel 10 — portrait reference, not a breakpoint */
viewport: 412 × 923 CSS px
panel: 1080 × 2424 · 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 10 responsive workflow
Use the 412 × 923 CSS px at DPR 2.625 as a real QA target, then pair it with nearby widths for regression testing.
Model-specific checks
- Keep the narrower Android baseline in the same regression suite for menus and dense controls.
- Treat this model as a device-coverage update, not a reason to add another breakpoint.
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 · en.wikipedia.org · Facts reviewed 2026-08-07
Content reviewed 2026-08-07
Model-specific guidance
What this means for layout and testing
No model-specific media query is needed
The generation change does not create evidence for another breakpoint because the layout-facing reference is unchanged.
Retain neighboring Android widths
This Pixel reference should sit beside narrow Galaxy and larger Android targets rather than replace them.
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 10 Current page | Pixel 10 | 6.3″ | 1080 × 2424 | 412 × 923 | 422 |
| Pixel 9 The previous base Pixel is the direct same-spec reference for regression and content comparison. | Pixel 10 | 6.3″ | 1080 × 2424 | 412 × 923 | 422 |
| Galaxy S26 The base Galaxy provides a narrower Android companion target for layout pressure testing. | Pixel 10 | 6.3″ | 1080 × 2340 | 360 × 780 | 409 |
Phones with a similar screen size
Devices with a similar viewport
Devices with a similar DPR
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 phone, tablet, laptop and monitor screens as proportional overlays — or against your own screen. True-size mode shows devices at real physical size.
- 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.