- Screen
- 11″ / 13″
- Physical res.
- 2420×1668 / 2752×2064
- CSS Viewport
- 834×1210 / 1032×1376 CSS px
- Aspect Ratio
- ~4:3
Ultra Retina XDR Tandem OLED · 1600 nits HDR · Wi-Fi 7 · 3.5× faster AI than M4
The iPad Pro M5 brings a new generation of Tandem OLED technology with 1600 nits HDR headroom — the brightest tablet Apple has shipped. Its CSS viewports match the M4 predecessor exactly: 834×1210 for the 11″ and 1032×1376 for the 13″. This consistency is by design — apps and web content built for M4 iPads need no adjustment.
What changes for web developers is the user population. The M5's dramatically faster AI performance means it is increasingly used as a primary computing device for technical professionals, researchers, and content creators who previously relied on a laptop. When these users visit your site on their iPad Pro, they bring desktop-level expectations for functionality and information density — not just a touch-friendly experience.
The 834px portrait viewport is an edge case that few media queries address directly, falling between tablet (768px) and laptop (1024px) breakpoints. Layouts that jump from a two-column mobile layout at 768px straight to a three-column desktop layout at 1024px will show a stretched two-column layout on the 834px iPad Pro. Test this width explicitly and add a mid-size rule if needed.
Device pages: iPad Pro 11″ (M5), iPad Pro 13″ (M5)
Try your site at iPad Pro 11″ / 13″ (M5, 2025) (834 × 1210)