iPhone 18
Popular BreakpointStandard flagship with Dynamic Island and 48MP camera
393 × 852 ptPhysical 1179 × 2556 pxDPR 3x6.1"
Auto
Live Presets:
Site Headers Restrict Iframes
sends X-Frame-Options or CSP headers blocking iframe embedding.
Super Retina XDR with Dynamic Island·6.1" display·Aspect Ratio 131:284
env(safe-area-inset-top: 54px)Expert Q&A
iPhone 18 Testing FAQs
Common questions about responsive web design on iPhone 18.
What are the CSS safe area insets for iPhone 18?
The iPhone 18 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?
The iPhone 18 has a CSS viewport of 393px × 852px at a device pixel ratio of 3x. The physical resolution is 1179 × 2556 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.