The base-Pixel layout group continues
Its reference viewport stays in the same group as the direct predecessor, which supports reusing the primary responsive target while updating the device matrix.
Pixel 11 screen size
Pixel 11: 6.3″ display, 1080 × 2424 resolution, 422 PPI, 412 × 923 CSS viewport at DPR 2.625. It carries the established base-Pixel layout target into the new generation, so teams can refresh named-device coverage without adding a model-specific breakpoint.
To proportion
6.3″
- Display size
- 6.3″ (16 cm) diagonal official
- Resolution
- 1080 × 2424 px official
- Pixel density
- 422 PPI official
- Aspect ratio
- 2.24:1 calculated
- Physical size (display)
- 2.56″ × 5.75″ (6.5 × 14.6 cm) calculated
- CSS viewport
- 412 × 923 px reference
- Device pixel ratio
- 2.625 reference
- Release year
- 2026
For developers
/* Pixel 11 — 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
Test this device viewport
Pixel 11 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
- Refresh current-generation screenshots even when existing viewport automation can be reused.
- Pair this base width with the Pro reference for navigation, card and modal regression checks.
Model-specific guidance
What this means for layout and testing
New hardware still deserves regression coverage
A familiar layout width reduces breakpoint work, but browser behavior, system UI and screenshots should still be checked on the current device generation.
Keep a wider Android companion
This base model remains the compression-oriented Pixel target and should be paired with a wider Pro reference for cards, navigation and modal layouts.
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 Current page | 6.3″ | 1080 × 2424 | 412 × 923 | 422 |
| Pixel 10 The direct predecessor shows whether the base-Pixel layout target changed between generations. | 6.3″ | 1080 × 2424 | 412 × 923 | 422 |
| Pixel 11 Pro The Pro model is the useful same-generation companion for testing how the layout responds to additional portrait space. | 6.3″ | 1280 × 2856 | 427 × 952 | 495 |
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.