Effective Viewport
Apple iPhone 17
Add to DevTools
Replace built-in DevTools device presets with this measured layout viewport from our open dataset. Open Settings F1 → Devices → Add custom device, then paste the values below.
- Device name[EV] Apple iPhone 17 · safari · svh
- Width402
- Height714
- DPR3
- TypeMobile
- User agent stringMozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
Use in Figma
Use the measured layout viewport as your Figma frame size, not the marketing screen resolution.
- Press F or choose the Frame tool
- Set width and height in the Design panel
- Rename the frame using the suggested name below
- Frame name[EV] Apple iPhone 17 · safari · svh
- Width402
- Height714
About this device
- Released
- Sep 19, 2025
- Screen
- 402×874 CSS px · DPR 3
- Measured with
- iOS 26.5 · Safari 26.5
- Safe area
- top 62 · bottom 34 CSS px
Responsive viewport FAQ
Measured answers for Apple iPhone 17 — layout viewport sizes you can design and test against.
What is the portrait layout viewport on Apple iPhone 17?
On Apple iPhone 17, the measured portrait layout viewport is 402×714 px at its smallest (CSS svh — dynamic browser UI expanded) and 402×754 px at its largest (CSS lvh — dynamic browser UI collapsed). Measurements are from Safari.
Should I use the Apple iPhone 17 spec sheet size in DevTools?
The spec sheet lists 402×874 px display dimensions. The measured portrait layout viewport is 402×714 px at its smallest and 402×754 px at its largest — use those measured values for responsive testing, not the spec sheet height.
What is the landscape layout viewport on Apple iPhone 17?
On Apple iPhone 17, the measured landscape layout viewport is 874×338 px at its smallest (CSS svh — dynamic browser UI expanded) and 874×402 px at its largest (CSS lvh — dynamic browser UI collapsed). Measurements are from Safari.
What viewport does Apple iPhone 17 leave when the on-screen keyboard is open (portrait)?
With the on-screen keyboard open in portrait, the layout viewport on Apple iPhone 17 is 402×714 px. The visual viewport — what the user actually sees and is not covered by the keyboard — is 402×377 px. Measured in Safari.