A stable compact-Pro rendering target
Matching facts across consecutive Pro generations let teams compare browser output and screenshots without a simultaneous geometry change.
Pixel 10 Pro screen size
Pixel 10 Pro: 6.3″, 1280 × 2856, 495 PPI, 427 × 952 CSS viewport at DPR 3. It carries forward the compact Pro panel and browser-reference profile, preserving a layout target that is wider and denser than the base Pixel without moving into XL territory.
To proportion
6.3″
- Display size
- 6.3″ (16 cm) diagonalofficial
- Resolution
- 1280 × 2856 pxofficial
- Pixel density
- 495 PPIofficial
- Aspect ratio
- 2.23:1calculated
- Physical size (display)
- 2.58″ × 5.75″ (6.6 × 14.6 cm)calculated
- CSS viewport
- 427 × 952 pxreference
- Device pixel ratio
- 3reference
- Release year
- 2025
Model-specific guidance
What this means
Compact does not mean base-width
Its physical diagonal is close to the base model, yet its CSS width and density remain distinct enough to affect line length, image selection and visual baselines.
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 Pro Current page | Pixel 10 Pro | 6.3″ | 1280 × 2856 | 427 × 952 | 495 |
| Pixel 9 Pro The predecessor shares the tracked Pro profile and is the clearest target for cross-generation rendering regression. | Pixel 10 Pro | 6.3″ | 1280 × 2856 | 427 × 952 | 495 |
| Pixel 10 The base model supplies the narrower, lower-density companion needed for representative compact-Pixel coverage. | Pixel 10 Pro | 6.3″ | 1080 × 2424 | 412 × 923 | 422 |
For developers
For developers
/* Pixel 10 Pro — portrait reference, not a breakpoint */
viewport: 427 × 952 CSS px
panel: 1280 × 2856 · DPR 3
/* Test immediately below and above your layout breakpoints. */Tailwind breakpoint
base
0px-639px
Bootstrap breakpoint
xs
0px-575px
Image slot example
1281 × 720
427px wide at DPR 3
Responsive testing plan
Pixel 10 Pro responsive workflow
Use the 427 × 952 CSS px at DPR 3 as a real QA target, then pair it with nearby widths for regression testing.
Model-specific checks
- Keep separate visual baselines for the base and Pro because similar physical size does not imply equivalent CSS rendering.
- Check responsive image selection and icon sharpness at the Pro density setting.
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.