Tablet Screen Sizes
See tablet display sizes at a common scale, choose two models to compare, and look up their specifications. Current coverage: 5 tablet models from Apple.
Which two displays do you want to compare?
These portrait outlines use the same proportional scale. They show the display rectangle, excluding bezels and device bodies. Model names include their recorded generation; this collection is not a complete list of current tablets.
2/2 selected. Clear a selection to choose another.
Choose between video and a full document page
A larger diagonal tells only part of the story. A complete widescreen video can leave different amounts of unused space on differently shaped tablets. Choose video for a complete landscape picture, or A4 full page for a portrait document. The document view reports how large the page would appear relative to paper, excluding reader controls.
See the worked video example and calculation method →See the A4 page example →Tablet specifications
| 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 change the live viewport. Use these as layout references and measure the actual window before setting media queries.
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 public 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 when source-backed tablet records pass the public-data gate; individual links still require the separate page-quality gate. This page does not claim to represent every tablet on the market.
Related tools
- Device Screen SizesBrowse sourced screen sizes, resolutions, CSS viewports, DPR and PPI for phones, tablets and laptops, with links to model-level specifications.
- Phone Screen SizesPhone screen size chart with display inches, resolution, PPI and aspect ratio; viewport references where available for tracked iPhone, Galaxy and Pixel phones, including foldables.
- Laptop Screen SizesCompare sourced laptop screen sizes, native resolutions, scaled workspace references, aspect ratios and PPI, with practical responsive testing guidance.
- iPhone Viewport SizesLook up iPhone CSS size references and DPR, group models by width, and copy a testing list. Learn why Safari's live viewport can differ.
- Responsive Design TestingTest common responsive design scenarios against your live viewport: navigation, grids, forms, modals, galleries, data tables and dashboards.
- Screen Size ComparisonCompare display dimensions, complete video pictures and A4 page size. View screens side by side or estimate physical size after calibration.