Compact hardware, wider layout reference
The Pro belongs in a different layout group from the base model even though their physical diagonals are closely aligned.
Pixel 11 Pro screen size
Pixel 11 Pro: 6.3″ display, 1280 × 2856 resolution, 495 PPI, 427 × 952 CSS viewport at DPR 3. It keeps the compact Pro role while using a wider layout reference than the base model, making it a distinct same-generation QA target rather than a replacement for the base Pixel.
To proportion
6.3″
- Display size
- 6.3″ (16 cm) diagonal official
- Resolution
- 1280 × 2856 px official
- Pixel density
- 495 PPI official
- Aspect ratio
- 2.23:1 calculated
- Physical size (display)
- 2.58″ × 5.75″ (6.6 × 14.6 cm) calculated
- CSS viewport
- 427 × 952 px reference
- Device pixel ratio
- 3 reference
- Release year
- 2026
For developers
/* Pixel 11 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
Test this device viewport
Pixel 11 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
- Run the same critical paths on the base model before treating compact Pixel coverage as complete.
- Check image exports and screenshot baselines separately from breakpoint behavior.
Model-specific guidance
What this means for layout and testing
Reuse the predecessor target with a fresh device pass
The current reference aligns with the previous Pro generation, so breakpoint coverage can carry forward while device-specific rendering is rechecked.
Do not drop the base-Pixel pressure test
The extra portrait room can hide wrapping and fixed-width problems that remain visible on the base model.
Compare this device
The specifications below come from the device records; the notes explain why each comparison is useful.
| Device | Screen | Panel | Viewport / workspace | PPI |
|---|---|---|---|---|
| Pixel 11 Pro Current page | 6.3″ | 1280 × 2856 | 427 × 952 | 495 |
| Pixel 10 Pro The previous Pro is the direct regression reference for deciding which responsive automation can be retained. | 6.3″ | 1280 × 2856 | 427 × 952 | 495 |
| Pixel 11 The base model supplies the narrower same-generation target needed for compression-sensitive components. | 6.3″ | 1080 × 2424 | 412 × 923 | 422 |
Phones with a similar screen size
Devices with a similar viewport
Devices with a similar DPR
Related tools
- Device Screen Sizes Browse sourced screen sizes, resolutions, CSS viewports, DPR and PPI for phones, tablets and laptops, with links to model-level specifications.
- Phone Screen Sizes Filterable phone screen size chart with display inches, resolution, PPI, aspect ratio and viewport for the iPhone, Galaxy S and Pixel models tracked here.
- Screen Size Comparison Compare 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 Checker See your browser's CSS viewport size and window size live. Updates as you resize — with current responsive breakpoint for developers.
- Responsive Breakpoint Checker Check the current responsive breakpoint live, compare Tailwind and Bootstrap defaults, and copy media queries for common viewport widths.
- Responsive Image Calculator Calculate responsive image export sizes from CSS pixels and DPR. Generate srcset, sizes and CSS image-set snippets for crisp images.
- PPI Calculator Calculate PPI from resolution and screen size. Instant results with the formula worked through your numbers, plus physical dimensions and dot pitch.