iPad Pro 12.9" screen size
The iPad Pro 12.9" renders websites at 1024×1366 CSS pixels in portrait and 1366×1024 in landscape.
Viewport specs
| CSS viewport (portrait) | 1024 × 1366 px |
| CSS viewport (landscape) | 1366 × 1024 px |
| Aspect ratio | 0.750:1 |
| Breakpoint category | laptop |
| Device type | tablet |
| Brand | Tablets |
CSS media query for iPad Pro 12.9"
/* iPad Pro 12.9" — portrait */
@media (max-width: 1024px) {
/* your styles */
}
/* iPad Pro 12.9" — landscape */
@media (max-width: 1366px) and (orientation: landscape) {
/* your styles */
}Testing tips for iPad Pro 12.9"
Viewports this wide are where layouts most often break: check that nothing scrolls sideways, buttons are at least 44px tall, and body text is 16px or larger.
Compare it against a tablet and a desktop width in the same view to catch breakpoint jumps — Responsivly's multi-view does this in one click.
FAQ
What is the iPad Pro 12.9" viewport size?
The iPad Pro 12.9" has a CSS viewport of 1024×1366 pixels in portrait orientation and 1366×1024 pixels in landscape.
What media query targets the iPad Pro 12.9"?
Use @media (max-width: 1024px) for portrait styles, or @media (min-width: 1024px) and (max-width: 1024px) to target this exact width.
How do I test my website on the iPad Pro 12.9"?
Open Responsivly, paste your URL and pick iPad Pro 12.9" from the device list — it renders your site at 1024×1366 for free, no signup.