Tablet Screen Sizes
Compare sourced tablet display sizes, panel resolutions, CSS viewport references, DPR and PPI. Current indexable coverage: 5 tablet models from Apple.
| Ratio | CSS viewport | ||||||
|---|---|---|---|---|---|---|---|
| iPad Pro 13" (M4) | 13″ | 2064 × 2752 | 264 | 4:3 | 1032 × 1376 | 2 | 2024 |
| iPad Pro 11" (M4) | 11.1″ | 1668 × 2420 | 264 | 1.45:1 | 834 × 1210 | 2 | 2024 |
| iPad Air 11" (M2) | 10.9″ | 1640 × 2360 | 264 | 1.44:1 | 820 × 1180 | 2 | 2024 |
| iPad mini (A17 Pro) | 8.3″ | 1488 × 2266 | 326 | 1.52:1 | 744 × 1133 | 2 | 2024 |
| iPad (10th gen) | 10.9″ | 1640 × 2360 | 264 | 1.44:1 | 820 × 1180 | 2 | 2022 |
Click column headers to sort.
Use the viewport for layout and the panel for image detail
A 2064 × 2752 panel does not give a website that many CSS pixels of layout width. The iPad Pro 13" (M4) reference, for example, is 1032 × 1376 CSS pixels in portrait at DPR 2. Browser chrome, split view and zoom can reduce the live viewport, so treat model values as reproducible starting points rather than universal media-query rules.
Compact tablet portrait
Useful for navigation wrapping, two-column decisions and touch-target checks on iPad mini and 11-inch models.
Large tablet portrait
A useful transition zone where tablet layouts may begin to resemble compact desktop layouts.
Test around breakpoints
Test immediately below and above your own breakpoint; do not create a media query for every device model.
Coverage and sources
The current indexed collection includes iPad Pro 13" (M4), iPad Pro 11" (M4), iPad Air 11" (M2), iPad mini (A17 Pro), and iPad (10th gen). Each detail page lists its record-specific sources and review date when one has been recorded. Coverage expands automatically as source-backed tablet records meet the same indexability rules; this page does not claim to represent every tablet on the market.
Related tools
- Device Screen Sizes Browse sourced screen sizes, resolutions, CSS viewports, DPR and PPI for phones, tablets and laptops, with links to model-level specifications.
- Phone Screen Sizes Filterable phone screen size chart with display inches, resolution, PPI, aspect ratio and viewport for the iPhone, Galaxy S and Pixel models tracked here.
- Laptop Screen Sizes Compare sourced laptop screen sizes, native resolutions, scaled workspace references, aspect ratios and PPI, with practical responsive testing guidance.
- iPhone Viewport Sizes CSS viewport sizes and device pixel ratios for the current and recent iPhone models tracked here, with a responsive design and media query reference.
- Responsive Design Testing Test common responsive design scenarios against your live viewport: navigation, grids, forms, modals, galleries, data tables and dashboards.
- Screen Size Comparison Compare phone, tablet, laptop and monitor screens as proportional overlays — or against your own screen. True-size mode shows devices at real physical size.