iPhone Duo Testerduoresponsive.com

iPhone 18 Pro

Popular Breakpoint

Pro camera system with 5x optical zoom and ProMotion display

402 × 874 ptPhysical 1206 × 2622 pxDPR 3x6.3"
Auto
Live Presets:
9:41
5G
9:41
5G
Super Retina XDR OLED ProMotion 120Hz·6.3" display·Aspect Ratio 201:437
env(safe-area-inset-top: 54px)
Expert Q&A

iPhone 18 Pro Testing FAQs

Common questions about responsive web design on iPhone 18 Pro.

What are the CSS safe area insets for iPhone 18 Pro?

The iPhone 18 Pro 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 18 Pro?

The iPhone 18 Pro has a CSS viewport of 402px × 874px at a device pixel ratio of 3x. The physical resolution is 1206 × 2622 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.