Apple • TABLET • 11.0"
iPad Pro 11" (M2 / M4) Viewport Size & CSS Resolution
The iPad Pro 11-inch features an edge-to-edge Liquid Retina display rendering at 834 x 1194 CSS pixels at 2x DPR. Use the interactive simulator and verified CSS media queries below for pixel-perfect responsive frontends.
CSS Viewport834 × 1194px logical
Physical Screen1668 × 2388px native
Device Pixel Ratio2× DPRRetina scale
Aspect Ratio1.43:111.0"
Brand & YearAppleReleased 2024
Tailwind Tiermdmd (>= 768px) in portrait, lg (>= 1024px) in landscape
Interactive Display Canvas Simulator
Simulates iPad Pro 11" (M2 / M4) canvas proportion (834 × 1194 CSS px)
9:41100%
iPad Pro 11" (M2 / M4)834 × 1194 px
DPR: 2x
1.43:1
Responsive Viewport
Ready-to-Use Developer Snippets
@media screen and (min-width: 834px) and (max-width: 834px) and (orientation: portrait)
Frontend Design Best Practices
- In portrait mode (834px), falls into Tailwind md breakpoint.
- In landscape mode (1194px), falls into Tailwind lg breakpoint.
- Check sidebar collapsibility when user enters Split View.
CSS Viewport Specification
CSS Logical Width834 px
CSS Logical Height1194 px
Hardware Native Width1668 px
Hardware Native Height2388 px
Pixel Density (DPR)2×
Aspect Ratio1.43:1
Frequently Asked Questions About iPad Pro 11" (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 11" is 834 x 1194 CSS pixels in portrait and 1194 x 834 in landscape.