CSS viewport reference
- iPad Air 11-inch
- 820 × 1180 CSS px
- iPad Air 13-inch
- 1024 × 1366 CSS px
Compare iPad Air 11-inch and 13-inch viewport references for tablet layouts, web apps, and responsive dashboards.
At a glance
Values combine reference display records and calculated geometry. Frames, display scaling, window size, and browser UI can change the usable area.
CSS viewport reference
Physical resolution
Diagonal
Calculated panel size
Calculated screen area
Pixel density
Aspect ratio
Device pixel ratio
Decision guide
Portable tablet baseline and tighter split layouts. By contrast, Larger touch workspace and more room for side-by-side content. Both remain touch-first tablet contexts even when landscape feels desktop-like.
Choose iPad Air 11-inch when
Choose iPad Air 13-inch when
Visual comparison
Compare physical screen proportions and native pixel grids, or switch to CSS viewport references for responsive-layout work. Every drawing uses one shared scale so the relative size remains meaningful.
CSS viewport comparison
Compare two devices to see the relative area.
iPad Air 11-inch
iPad · DPR 2 · 264 PPI
iPad Air 13-inch
iPad · DPR 2 · 264 PPI
Proportional comparison of iPad Air 11-inch and iPad Air 13-inch using physical screen dimensions, CSS viewport references, or native pixel grids.
Decision factors
Both remain touch-first tablet contexts even when landscape feels desktop-like.
Test real content and neighboring widths; neither record is a universal breakpoint or a substitute for a measured browser state.
Window size, zoom, operating-system scaling, browser controls and accessibility settings can change usable webpage space.
Scenario matrix
A winner applies only to the stated task. Read the limitation before treating it as a complete product recommendation.
Practical considerations
Methodology and sources
Physical dimensions are calculated from diagonal and aspect ratio. Named-product hardware claims use manufacturer specifications; CSS viewports remain practical browser references.
How the geometry is calculated
Width and height divide the diagonal using the stated aspect ratio. Screen area is width × height, and PPI divides the diagonal pixel count by the diagonal inches.
Calculated geometry, normalized comparison fields, source hierarchy and interpretation limits.
Left-side hardware facts, calculation basis, source link and viewport limitations.
Right-side hardware facts, calculation basis, source link and viewport limitations.
Frequently asked questions
Sometimes it can feel close, especially in landscape, but Safari UI, touch input, and scaling still make it a tablet context.
Often yes. Tablet layouts need touch-friendly spacing and should not assume a mouse or large monitor.
Use both 11-inch and 13-inch references if tablet users are important to the product.
Continue the cluster
Follow a shared device, move to a neighbouring size, or use the supporting calculators to verify the next decision.
Compare MacBook Pro 14-inch and 16-inch display references for laptop QA and desktop layout planning.
Open comparison → Tablet and laptop comparisonsCompare iPad mini 6 and iPad 10th gen viewport references for compact and standard tablet layouts.
Open comparison → Tablet and laptop comparisonsCompare MacBook Air 13-inch and 15-inch display references for laptop layouts, browser viewport planning, and responsive QA.
Open comparison → Tablet and laptop comparisonsCompare MacBook Air 15-inch and MacBook Pro 16-inch display references for laptop workspace and design QA.
Open comparison → Screen comparison toolsCompare phones, tablets, laptops, monitors, and TVs by CSS viewport, physical resolution, DPR, PPI, and relative screen shape.
Open comparison →