Skip to content
ScreenMetricLab Check screen

Tablet viewport reference

iPad Viewport Sizes

Use iPad viewport sizes to check tablet layouts, split-view risk, high-DPI image behavior, and portrait/landscape responsive states.

iPad viewport table

Use these values as starting points for responsive testing. Always verify final behavior in the actual browser and orientation you are targeting.

Filter device database

Search the full viewport reference set, then narrow results by device family, brand, type, DPR, and CSS viewport width.

Advanced filters
8 devices shown from 8 records.
Swipe horizontally to view all viewport, resolution, DPR, PPI, source, and notes columns.
Device Family Type CSS viewport Resolution DPR PPI Source Notes
iPad 10th gen
Apple · 2022
 iPad Tablet 820 × 1180 1640 × 2360 2 264 Manufacturer specs + viewport reference Review Common modern iPad portrait viewport.
iPad 9th gen
Apple · 2021
 iPad Tablet 810 × 1080 1620 × 2160 2 264 Manufacturer specs + iPad viewport reference High Older iPad reference still useful for school and office environments.
iPad Air 11-inch
Apple · 2024
 iPad Tablet 820 × 1180 1640 × 2360 2 264 Manufacturer specs + iPad viewport reference High Modern iPad Air reference close to iPad 10th-gen layout width.
iPad Air 13-inch
Apple · 2024
 iPad Tablet 1024 × 1366 2048 × 2732 2 264 Manufacturer specs + iPad viewport reference High Large iPad Air reference for desktop-like tablet layouts.
iPad Pro 11-inch
Apple · 2024
 iPad Tablet 834 × 1210 1668 × 2420 2 264 Manufacturer specs + viewport reference Review Useful for tablet card grids and two-column layouts.
iPad Pro 12.9-inch
Apple · 2022
 iPad Tablet 1024 × 1366 2048 × 2732 2 264 Manufacturer specs + viewport reference Review Large tablet viewport often triggers desktop-like layouts.
iPad Pro 13-inch
Apple · 2024
 iPad Tablet 1032 × 1376 2064 × 2752 2 264 Manufacturer specs + iPad viewport reference Review Large current iPad Pro reference; test split-screen states separately.
iPad mini 6
Apple · 2021
 iPad Tablet 744 × 1133 1488 × 2266 2 326 Manufacturer specs + viewport reference Review Small tablet viewport can sit between phone and tablet breakpoints.
Values are practical references and can vary by browser, zoom, OS scaling, display mode, and orientation.

Visual comparison

Compare viewport shapes

Pick two records and compare CSS viewport or physical resolution shapes. The drawing is scaled for relative size, so it is useful for layout intuition before opening the detailed records.

Left device
Right device

CSS viewport comparison

Compare two devices to see the relative area.

—

Device

Family · DPR · PPI

—

Device

Family · DPR · PPI

Use CSS viewport first

Responsive breakpoints usually react to CSS viewport width, not physical display resolution.

Record DPR

DPR helps explain why a high-resolution device can still report a smaller CSS viewport.

Check orientation

Portrait, landscape, split-view, and browser UI can all change the usable viewport.

Source notes

Use these records as starting points

This viewport reference database combines manufacturer display specifications, practical CSS viewport references, browser testing notes, and normalized QA-friendly values. Physical resolution, diagonal, and PPI are hardware-level references; CSS viewport values can change with browser UI, zoom, OS display scaling, orientation, split view, and responsive mode. Use these records as practical testing baselines and verify critical layouts on real browsers.

Manufacturer specifications

Use official Apple, Google, Samsung, monitor, and TV specification pages for physical resolution, diagonal size, and PPI/marketing display references.

Browser viewport testing

Use live browser measurements from Safari, Chrome, Firefox, Edge, device simulators, and real devices to validate CSS viewport width and height.

CSS/device behavior documentation

Use browser documentation for viewport, visualViewport, DPR, and responsive behavior when explaining why live values differ from physical specs.

Quarterly editorial review

Review newly released devices, OS display scaling changes, and browser UI changes before expanding indexed device pages.