iPad Viewport Reference: Resolution, Screen Size & PPI
Find selected iPad Pro, Air, mini and iPad models. Compare sourced display specifications; CSS viewport and DPR references are marked where unverified.
Data status: Data review: 2026-09-24 (UTC). See individual source access dates in the table.
Sources: Each source link supports only the hardware fields quoted in its details. Missing specifications are marked for verification.
Method: CSS viewport and DPR references have not been independently verified. Native resolution is a hardware specification, not the browser viewport. Display scaling, browser controls, orientation and window size can change the space available to a page. Hardware dimensions are shown short edge × long edge; quoted diagonals follow the manufacturer’s measurement convention.
Quick answer: Search for your model, open its source details, then measure the viewport in the browser you need to support. Choose breakpoints where your content needs them.
Viewport Sizes Table
32 entries
Data as of: 2026-09-24
Scroll the table horizontally to see all columns.
| Model | CSS reference (px) | Native resolution (px) | DPR reference | Diagonal (in) | PPI | Source |
|---|---|---|---|---|---|---|
iPad Air 13-in. (M3)AppleSpecifications and evidence
|
1024 × 1366Unverified reference | 2048 × 2732 | 2.0Unverified reference | 13 | 264 | Open source: Apple iPad Air 13-in. (M3) |
iPad Air 11-in. (M3)AppleSpecifications and evidence
|
820 × 1180Unverified reference | 1640 × 2360 | 2.0Unverified reference | 11 | 264 | Open source: Apple iPad Air 11-in. (M3) |
iPad (A16)AppleSpecifications and evidence
|
820 × 1180Unverified reference | 1640 × 2360 | 2.0Unverified reference | 11 | 264 | Open source: Apple iPad (A16) |
iPad mini (A17 Pro)AppleSpecifications and evidence
|
744 × 1133Unverified reference | 1488 × 2266 | 2.0Unverified reference | 8.3 | 326 | Open source: Apple iPad mini (A17 Pro) |
iPad Pro 13-in. (M4)AppleSpecifications and evidence
|
1032 × 1376Unverified reference | 2064 × 2752 | 2.0Unverified reference | 13 | 264 | Open source: Apple iPad Pro 13-in. (M4) |
iPad Pro 11-in. (M4)AppleSpecifications and evidence
|
834 × 1210Unverified reference | 1668 × 2420 | 2.0Unverified reference | 11 | 264 | Open source: Apple iPad Pro 11-in. (M4) |
iPad Air 13-in. (M2)AppleSpecifications and evidence
|
1024 × 1366Unverified reference | 2048 × 2732 | 2.0Unverified reference | 13 | 264 | Open source: Apple iPad Air 13-in. (M2) |
iPad Air 11-in. (M2)AppleSpecifications and evidence
|
820 × 1180Unverified reference | 1640 × 2360 | 2.0Unverified reference | 11 | 264 | Open source: Apple iPad Air 11-in. (M2) |
iPad Pro 12.9-in. (6th generation)AppleSpecifications and evidence
|
1024 × 1366Unverified reference | 2048 × 2732 | 2.0Unverified reference | 12.9 | 264 | Open source: Apple iPad Pro 12.9-in. (6th generation) |
iPad Pro 11-in. (4th generation)AppleSpecifications and evidence
|
834 × 1194Unverified reference | 1668 × 2388 | 2.0Unverified reference | 11 | 264 | Open source: Apple iPad Pro 11-in. (4th generation) |
iPad (10th generation)AppleSpecifications and evidence
|
820 × 1180Unverified reference | 1640 × 2360 | 2.0Unverified reference | 10.9 | 264 | Open source: Apple iPad (10th generation) |
iPad mini (6th generation)AppleSpecifications and evidence
|
744 × 1133Unverified reference | 1488 × 2266 | 2.0Unverified reference | 8.3 | 326 | Open source: Apple iPad mini (6th generation) |
iPad (9th generation)AppleSpecifications and evidence
|
810 × 1080Unverified reference | 1620 × 2160 | 2.0Unverified reference | 10.2 | 264 | Open source: Apple iPad (9th generation) |
iPad Pro 12.9-in. (5th generation)AppleSpecifications and evidence
|
1024 × 1366Unverified reference | 2048 × 2732 | 2.0Unverified reference | 12.9 | 264 | Open source: Apple iPad Pro 12.9-in. (5th generation) |
iPad Pro 11-in. (3rd generation)AppleSpecifications and evidence
|
834 × 1194Unverified reference | 1668 × 2388 | 2.0Unverified reference | 11 | 264 | Open source: Apple iPad Pro 11-in. (3rd generation) |
iPad Air (4th generation)AppleSpecifications and evidence
|
820 × 1180Unverified reference | 1640 × 2360 | 2.0Unverified reference | 10.9 | 264 | Open source: Apple iPad Air (4th generation) |
iPad (8th generation)AppleSpecifications and evidence
|
810 × 1080Unverified reference | 1620 × 2160 | 2.0Unverified reference | 10.2 | 264 | Open source: Apple iPad (8th generation) |
iPad Pro 12.9-in. (4th generation)AppleSpecifications and evidence
|
1024 × 1366Unverified reference | 2048 × 2732 | 2.0Unverified reference | 12.9 | 264 | Open source: Apple iPad Pro 12.9-in. (4th generation) |
iPad Pro 11-in. (2nd generation)AppleSpecifications and evidence
|
834 × 1194Unverified reference | 1668 × 2388 | 2.0Unverified reference | 11 | 264 | Open source: Apple iPad Pro 11-in. (2nd generation) |
iPad (7th generation)AppleSpecifications and evidence
|
810 × 1080Unverified reference | 1620 × 2160 | 2.0Unverified reference | 10.2 | 264 | Open source: Apple iPad (7th generation) |
iPad Air (3rd generation)AppleSpecifications and evidence
|
834 × 1112Unverified reference | 1668 × 2224 | 2.0Unverified reference | 10.5 | 264 | Open source: Apple iPad Air (3rd generation) |
iPad mini (5th generation)AppleSpecifications and evidence
|
768 × 1024Unverified reference | 1536 × 2048 | 2.0Unverified reference | 7.9 | 326 | Open source: Apple iPad mini (5th generation) |
iPad Pro 12.9-in. (3rd generation)AppleSpecifications and evidence
|
1024 × 1366Unverified reference | 2048 × 2732 | 2.0Unverified reference | 12.9 | 264 | Open source: Apple iPad Pro 12.9-in. (3rd generation) |
iPad Pro 11-in. (1st generation)AppleSpecifications and evidence
|
834 × 1194Unverified reference | 1668 × 2388 | 2.0Unverified reference | 11 | 264 | Open source: Apple iPad Pro 11-in. (1st generation) |
iPad (6th generation)AppleSpecifications and evidence
|
768 × 1024Unverified reference | 1536 × 2048 | 2.0Unverified reference | 9.7 | 264 | Open source: Apple iPad (6th generation) |
iPad Pro 10.5-in.AppleSpecifications and evidence
|
834 × 1112Unverified reference | 1668 × 2224 | 2.0Unverified reference | 10.5 | 264 | Open source: Apple iPad Pro 10.5-in. |
iPad Pro 12.9-in. (2nd generation)AppleSpecifications and evidence
|
1024 × 1366Unverified reference | 2048 × 2732 | 2.0Unverified reference | 12.9 | 264 | Open source: Apple iPad Pro 12.9-in. (2nd generation) |
iPad (5th generation)AppleSpecifications and evidence
|
768 × 1024Unverified reference | 1536 × 2048 | 2.0Unverified reference | 9.7 | 264 | Open source: Apple iPad (5th generation) |
iPad Pro 9.7-in.AppleSpecifications and evidence
|
768 × 1024Unverified reference | 1536 × 2048 | 2.0Unverified reference | 9.7 | 264 | Open source: Apple iPad Pro 9.7-in. |
iPad Pro 12.9-in. (1st generation)AppleSpecifications and evidence
|
1024 × 1366Unverified reference | 2048 × 2732 | 2.0Unverified reference | 12.9 | 264 | Open source: Apple iPad Pro 12.9-in. (1st generation) |
iPad mini 4AppleSpecifications and evidence
|
768 × 1024Unverified reference | 1536 × 2048 | 2.0Unverified reference | 7.9 | 326 | Open source: Apple iPad mini 4 |
iPad Air 2AppleSpecifications and evidence
|
768 × 1024Unverified reference | 1536 × 2048 | 2.0Unverified reference | 9.7 | 264 | Open source: Apple iPad Air 2 |
No matching devices. Try another search or reset the filters.
Understanding Viewport Sizes
Viewport Basics
- Viewport Size: The visible area in CSS pixels that your website can use
- Screen Resolution: The actual number of physical pixels on the device
- Device Pixel Ratio (DPR): The ratio between physical pixels and CSS pixels
- Orientation: iPad supports both portrait and landscape modes
Design Considerations
- Design for both portrait and landscape orientations
- Consider the iPad's larger screen real estate
- Optimize for touch interactions
- Use appropriate media queries for different iPad models
- Test resized windows and multitasking layouts on iPad
Frequently Asked Questions About Device Viewports
A CSS viewport is the area a browser uses to lay out a page. Native resolution counts the display panel’s physical pixels. DPR describes the scale between device and CSS pixels; dividing native resolution by DPR does not reliably give the browser viewport.
Different DPR values, system display scaling, and browser behavior can produce different CSS viewport widths even when physical resolutions are close.
Use this table as a reference for common real devices, then define flexible breakpoints by content behavior, not single models. Test key ranges like 360, 390, 412, 768, 820, 834, and 1024 CSS pixels.
Foldables can switch between cover and main displays with very different viewport ratios. Test both states and rotation, and avoid hard-coding layouts to one exact width.
The review date describes this batch, not a claim that every field was measured that day. Source details show the access date and the fields supported. CSS viewport and DPR references remain unverified unless a measurement is explicitly documented.
Related Resources
Loading...