iPhone 13
Widely deployed 390×844 standard mobile breakpoint with sensor notch
390 × 844 ptPhysical 1170 × 2532 pxDPR 3x6.1"
Auto
Live Presets:
Site Headers Restrict Iframes
sends X-Frame-Options or CSP headers blocking iframe embedding.
Super Retina XDR OLED Notch·6.1" display·Aspect Ratio 195:422
env(safe-area-inset-top: 47px)Expert Q&A
iPhone 13 Testing FAQs
Common questions about responsive web design on iPhone 13.
What are the CSS safe area insets for iPhone 13?
The iPhone 13 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 13?
The iPhone 13 has a CSS viewport of 390px × 844px at a device pixel ratio of 3x. The physical resolution is 1170 × 2532 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.