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

The iPad Pro 11″ M4 has a viewport size of 834×1194 CSS pixels with a device pixel ratio of 2x. Its physical screen resolution is 1668×2388 pixels on a 11 inch display.

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

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

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

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

834×1194 CSS pixels · 1668×2388 physical pixels · 2x DPR

Display Specifications

Viewport Width

834px CSS pixels

Viewport Height

1194px CSS pixels

Physical Width

1668px hardware pixels

Physical Height

2388px hardware pixels

Device Pixel Ratio

2x 1 CSS px = 2×2 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

11 inch diagonal

Aspect Ratio

4:3

Operating System

iPadOS 18

Release Year

2024

Touch Support

Yes

CSS Breakpoint Mapping

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

Tailwind CSS v4

min-width: 768px

Bootstrap 5

min-width: 768px

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 13″ M4

1024×1366 · 2x DPR

Audit your site on iPad Pro 11″ M4

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

Try Viewpo Free