iPhone Duo Testerduoresponsive.com

iPad Pro 11" (M4)

Popular Breakpoint

Compact Pro tablet with M4 chip, tandem OLED, and Apple Intelligence

834 × 1194 ptPhysical 1668 × 2388 pxDPR 2x11"
Auto
Live Presets:
Ultra Retina XDR Tandem OLED ProMotion 120Hz·11" display·Aspect Ratio 139:199
min-width: 834px
Expert Q&A

iPad Pro 11" (M4) Testing FAQs

Common questions about responsive web design on iPad Pro 11" (M4).

What is the viewport size of the iPad Pro 11" (M4)?

The iPad Pro 11" (M4) has a CSS viewport of 834px × 1194px at 2x DPR. Physical resolution is 1668 × 2388 pixels.

Should I use a different layout for tablets vs phones?

Most sites use a single responsive layout with CSS Grid or Flexbox that adapts across both phone and tablet viewports. Target min-width: 768px for tablet-sized breakpoints. Tablets often benefit from multi-column layouts and sidebar navigation patterns.

How do iPads and Android tablets differ for web development?

iPads use Safari with consistent support for CSS variables and safe area insets. Android tablets use Chrome, which has better support for some newer CSS features. Both support the same CSS viewport units (dvh, svh) but may render fonts and shadows slightly differently.