Effective Viewport
Apple iPhone 17 Pro
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 Pro · 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 Pro · 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 Pro — layout viewport sizes you can design and test against.
What is the portrait layout viewport on Apple iPhone 17 Pro?
On Apple iPhone 17 Pro, 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 Pro 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 Pro?
On Apple iPhone 17 Pro, 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 Pro leave when the on-screen keyboard is open (portrait)?
With the on-screen keyboard open in portrait, the layout viewport on Apple iPhone 17 Pro 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.