iPad Pro 11" (M4): 11.1″, 1668 × 2420, 264 PPI, 834 × 1210 CSS viewport at DPR 2. This M4 Pro has a more elongated panel than the larger M4 Pro. In landscape it devotes a greater share of its rectangle to a complete widescreen picture, although the larger model still shows a larger picture overall.
Smaller black bars mean more of this screen is used, not that its picture exceeds the larger Pro. Compare the picture dimensions alongside total screen area to avoid confusing efficiency with absolute size.
In portrait, the panel is close to the proportions of an A4 sheet. Full-page fitting leaves little unused area, but the page is physically reduced; the document comparison shows the linear scale relative to paper.
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 |
|---|---|---|---|---|---|
| iPad Pro 11" (M4) Current page | iPad Pro 11" (M4) | 11.1″ | 1668 × 2420 | 834 × 1210 | 264 |
| iPad Pro 13" (M4) Compare full video and full-page document area: the larger panel changes shape as well as size. | iPad Pro 11" (M4) | 13″ | 2064 × 2752 | 1032 × 1376 | 264 |
| iPad Air 11" (M2) The Air is the neighboring narrower reference for checking whether pane and grid transitions happen at defensible content boundaries. | iPad Pro 11" (M4) | 10.9″ | 1640 × 2360 | 820 × 1180 | 264 |
/* iPad Pro 11" (M4) — portrait reference, not a breakpoint */
viewport: 834 × 1210 CSS px
panel: 1668 × 2420 · DPR 2
/* Test immediately below and above your layout breakpoints. */Use the 834 × 1210 CSS px at DPR 2 as a real QA target, then pair it with nearby widths for regression testing.
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: Apple Support · Facts reviewed 2026-09-16
Content reviewed 2026-10-22