iPhone Duo Testerduoresponsive.com

iPhone 14 Pro Max

First iPhone with Dynamic Island and Always-On display

430 × 932 ptPhysical 1290 × 2796 pxDPR 3x6.7"
Auto
Live Presets:
9:41
5G
9:41
5G
Super Retina XDR OLED ProMotion 120Hz·6.7" display·Aspect Ratio 215:466
env(safe-area-inset-top: 59px)
Expert Q&A

iPhone 14 Pro Max Testing FAQs

Common questions about responsive web design on iPhone 14 Pro Max.

What are the CSS safe area insets for iPhone 14 Pro Max?

The iPhone 14 Pro Max uses env(safe-area-inset-top) for Dynamic Island or Home Button clearance, and env(safe-area-inset-bottom) for the swipe-to-home indicator. Always set font-size: 16px minimum on inputs to prevent iOS Safari auto-zoom.

What is the viewport resolution of the iPhone 14 Pro Max?

The iPhone 14 Pro Max has a CSS viewport of 430px × 932px at a device pixel ratio of 3x. The physical resolution is 1290 × 2796 pixels.

Why does my website zoom in on iPhones?

iOS Safari auto-zooms into form inputs with font-size under 16px. Always set font-size: 16px or larger on all inputs. Also ensure your viewport meta tag includes width=device-width, initial-scale=1.0.