iPhone 14
Classic 390×844 viewport with hardware camera notch (pre-Dynamic Island)
Site Headers Restrict Iframes
sends X-Frame-Options or CSP headers blocking iframe embedding.
env(safe-area-inset-top: 47px)iPhone 14 Testing FAQs
Common questions about responsive web design on iPhone 14.
What are the CSS safe area insets for iPhone 14?
The iPhone 14 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?
The iPhone 14 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.