What is the viewport size of the iPad Pro 13″ M4?

The iPad Pro 13″ M4 has a viewport size of 1024×1366 CSS pixels with a device pixel ratio of 2x. Its physical screen resolution is 2048×2732 pixels on a 13 inch display.

Which CSS breakpoint does the iPad Pro 13″ M4 use?

The iPad Pro 13″ M4 (1024px wide) falls into the "lg" breakpoint in Tailwind CSS, "lg" in Bootstrap 5, and "md" in Material UI.

What is the device pixel ratio of the iPad Pro 13″ M4?

The iPad Pro 13″ M4 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 Pro 13″ M4 Viewport Size

1024×1366 CSS pixels · 2048×2732 physical pixels · 2x DPR

Display Specifications

Viewport Width

1024px CSS pixels

Viewport Height

1366px CSS pixels

Physical Width

2048px hardware pixels

Physical Height

2732px hardware pixels

Device Pixel Ratio

2x 1 CSS px = 2×2 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

13 inch diagonal

Aspect Ratio

4:3

Operating System

iPadOS 18

Release Year

2024

Touch Support

Yes

CSS Breakpoint Mapping

At 1024px wide, the iPad Pro 13″ M4 falls into these CSS framework breakpoints:

Tailwind CSS v4

min-width: 1024px

Bootstrap 5

min-width: 992px

Material UI v6

min-width: 900px

Related Devices

iPad Air 13″ M2

1024×1366 · 2x DPR

iPad (10th gen)

820×1180 · 2x DPR

iPad Air M2

820×1180 · 2x DPR

iPad Pro 11″ M4

834×1194 · 2x DPR

Audit your site on iPad Pro 13″ M4

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

Try Viewpo Free