Apple • TABLET • 10.9"
iPad Air 10.9" Viewport Size & CSS Resolution
The 10.9-inch iPad Air has a CSS viewport of 820 x 1180 pixels at 2x DPR. Use the interactive simulator and verified CSS media queries below for pixel-perfect responsive frontends.
CSS Viewport820 × 1180px logical
Physical Screen1640 × 2360px native
Device Pixel Ratio2× DPRRetina scale
Aspect Ratio1.44:110.9"
Brand & YearAppleReleased 2024
Tailwind Tiermdmd (>= 768px)
Interactive Display Canvas Simulator
Simulates iPad Air 10.9" canvas proportion (820 × 1180 CSS px)
9:41100%
iPad Air 10.9"820 × 1180 px
DPR: 2x
1.44:1
Responsive Viewport
Ready-to-Use Developer Snippets
@media screen and (min-width: 820px) and (max-width: 820px) and (orientation: portrait)
Frontend Design Best Practices
- Very popular tablet resolution; ideal for responsive tablet testing.
- Supports Apple Pencil hover interactions via @media (hover: hover) and (pointer: fine).
CSS Viewport Specification
CSS Logical Width820 px
CSS Logical Height1180 px
Hardware Native Width1640 px
Hardware Native Height2360 px
Pixel Density (DPR)2×
Aspect Ratio1.44:1
Frequently Asked Questions About iPad Air 10.9" Screen Dimensions
Frequently Asked Questions
Frequently Asked Questions
Everything you need to know regarding specifications, syntax, and security best practices.
The iPad Air 10.9" renders at 820 x 1180 CSS pixels.