What is the viewport size of the iPad mini (A17)?

The iPad mini (A17) has a viewport size of 744×1133 CSS pixels with a device pixel ratio of 2x. Its physical screen resolution is 1488×2266 pixels on a 8.3 inch display.

Which CSS breakpoint does the iPad mini (A17) use?

The iPad mini (A17) (744px wide) falls into the "sm" breakpoint in Tailwind CSS, "sm" in Bootstrap 5, and "sm" in Material UI.

What is the device pixel ratio of the iPad mini (A17)?

The iPad mini (A17) has a device pixel ratio (DPR) of 2x, meaning each CSS pixel is rendered using 2×2 = 4 physical pixels. This gives the display sharp, high-density rendering for text and images.

Tablet Apple Current

iPad mini (A17) Viewport Size

744×1133 CSS pixels · 1488×2266 physical pixels · 2x DPR

Display Specifications

Viewport Width

744px CSS pixels

Viewport Height

1133px CSS pixels

Physical Width

1488px hardware pixels

Physical Height

2266px hardware pixels

Device Pixel Ratio

2x 1 CSS px = 2×2 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

8.3 inch diagonal

Aspect Ratio

3:2

Operating System

iPadOS 18

Release Year

2024

Touch Support

Yes

CSS Breakpoint Mapping

At 744px wide, the iPad mini (A17) falls into these CSS framework breakpoints:

Tailwind CSS v4

min-width: 640px

Bootstrap 5

min-width: 576px

Material UI v6

min-width: 600px

Related Devices

iPad (10th gen)

820×1180 · 2x DPR

iPad Air M2

820×1180 · 2x DPR

iPad Air 13″ M2

1024×1366 · 2x DPR

iPad Pro 11″ M4

834×1194 · 2x DPR

Audit your site on iPad mini (A17)

See how your site looks at 744×1133 — Viewpo takes real browser screenshots and checks for responsive design issues.

Try Viewpo Free