iPad mini (A17 Pro) screen size

iPad mini (A17 Pro): 8.3″, 1488 × 2266, 326 PPI, 744 × 1133 CSS viewport at DPR 2. It is the narrowest and densest tracked iPad, combining tablet interaction expectations with a canvas that applies much stronger pressure to navigation and multi-column content.

To proportion

8.3″

Compare this display →

Display size: 8.3″ (21.1 cm) diagonalofficial
Resolution: 1488 × 2266 pxofficial
Pixel density: 326 PPIofficial
Aspect ratio: 1.52:1calculated
Physical size (display): 4.56″ × 6.94″ (11.6 × 17.6 cm)calculated
CSS viewport: 744 × 1133 pxreference
Device pixel ratio: 2reference
Release year: 2024

Model-specific guidance

What this means

The compact iPad boundary

This reference is the best iPad target for exposing crowded tab bars, rigid sidebars and card grids that switch to multiple columns too early.

A separate image-density check

Its panel belongs to a denser class than the larger iPads, so responsive images, canvas output and fine iconography deserve an explicit asset review.

Tablet semantics still matter

The compact canvas may resemble a large phone in width, but touch targets, orientation changes and tablet navigation patterns should not be replaced with phone-only assumptions.

Compare this device

The specifications below come from the device records; the notes explain why each comparison is useful.

Device configuration	Matched to	Screen	Panel	Viewport / workspace	PPI
iPad mini (A17 Pro) Current page	iPad mini (A17 Pro)	8.3″	1488 × 2266	744 × 1133	326
iPad (10th gen) The base iPad provides the next larger full-screen canvas and shows where tablet layouts can safely gain columns or persistent navigation.	iPad mini (A17 Pro)	10.9″	1640 × 2360	820 × 1180	264
iPad Pro 11" (M4) The smaller Pro offers a wider professional-tablet reference while remaining more comparable than the largest iPad.	iPad mini (A17 Pro)	11.1″	1668 × 2420	834 × 1210	264

For developers

/* iPad mini (A17 Pro) — portrait reference, not a breakpoint */
viewport: 744 × 1133 CSS px
panel: 1488 × 2266 · DPR 2
/* Test immediately below and above your layout breakpoints. */

Tailwind breakpoint

640px-767px

Bootstrap breakpoint

576px-767px

Image slot example

1488 × 838

744px wide at DPR 2

Responsive testing plan

iPad mini (A17 Pro) responsive workflow

Use the 744 × 1133 CSS px at DPR 2 as a real QA target, then pair it with nearby widths for regression testing.

Open checklist Image assets for DPR Compare screen size

Model-specific checks

Pressure-test tab labels, sidebars, data tables and card grids in both orientations.
Verify responsive image selection and canvas sharpness independently from the larger iPad density class.

Tablets with a similar screen size

Devices with a similar viewport

Sources and review dates

Values marked official come from manufacturer specifications; calculated values are derived from them; reference values are developer layout references and can vary with browser, zoom and operating-system settings.

Sources: Apple Support · Facts reviewed 2026-09-16

Content reviewed 2026-09-16