Apple • TABLET • 12.9"
iPad Pro 12.9" (M2 / M4) Viewport Size & CSS Resolution
The iPad Pro 12.9-inch offers desktop-class canvas space with 1024 x 1366 CSS pixels in portrait and 1366 x 1024 in landscape at 2x DPR. Use the interactive simulator and verified CSS media queries below for pixel-perfect responsive frontends.
CSS Viewport1024 × 1366px logical
Physical Screen2048 × 2732px native
Device Pixel Ratio2× DPRRetina scale
Aspect Ratio4:312.9"
Brand & YearAppleReleased 2023
Tailwind Tierlglg (>= 1024px) in portrait, xl (>= 1280px) in landscape
Interactive Display Canvas Simulator
Simulates iPad Pro 12.9" (M2 / M4) canvas proportion (1024 × 1366 CSS px)
9:41100%
iPad Pro 12.9" (M2 / M4)1024 × 1366 px
DPR: 2x
4:3
Responsive Viewport
Ready-to-Use Developer Snippets
@media screen and (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait)
Frontend Design Best Practices
- Triggers desktop navigation and multi-column grid layouts.
- Supports iPadOS Split View and Stage Manager; viewport can be resized to 1/3, 1/2, or 2/3 width.
- Touch targets still apply despite desktop-class screen size.
CSS Viewport Specification
CSS Logical Width1024 px
CSS Logical Height1366 px
Hardware Native Width2048 px
Hardware Native Height2732 px
Pixel Density (DPR)2×
Aspect Ratio4:3
Frequently Asked Questions About iPad Pro 12.9" (M2 / M4) Screen Dimensions
Frequently Asked Questions
Frequently Asked Questions
Everything you need to know regarding specifications, syntax, and security best practices.
The iPad Pro 12.9" has a CSS viewport of 1024 x 1366 pixels in portrait mode and 1366 x 1024 pixels in landscape mode.