1024 × 1366
Aspect Ratio
512:683
Pixel Density
264 PPI
iPad Pro 12.9 (6th Gen) Viewport
The iPad Pro 12.9 (6th Gen) has a logical CSS viewport size of 1024px width and 1366px height.
Web designers and developers should use these dimensions to set accurate media query breakpoints for responsive layouts.
This device features a pixel density of 264 PPI, utilizing a high-DPI scaling factor for sharp rendering on iPadOS.
Technical Specifications
| Logical Width (CSS) | 1024px |
|---|---|
| Logical Height (CSS) | 1366px |
| Operating System | iPadOS |
| Release Year | 2022 |
CSS Media Query Snippet
/* Target iPad Pro 12.9 (6th Gen) specifically */
@media only screen and (max-width: 1024px) {
/* Responsive styles go here */
}
Frequently Asked Questions
What is the CSS resolution of iPad Pro 12.9 (6th Gen)?
The logical CSS resolution is 1024px x 1366px. Browsers use these dimensions to calculate layout flow and media queries, regardless of the physical pixel count.
How do I target iPad Pro 12.9 (6th Gen) in CSS?
Use a standard media query like @media (max-width: 1024px) to apply specific styles for screens of this size or smaller.