iPhone 17e: Screen Size & CSS Viewport

The iPhone 17e is the most affordably priced iPhone in Apple's 2026 lineup, and that matters directly for web developers. As the entry point to the iPhone range it will drive significant traffic, making its 390×844 CSS viewport the single most important mobile dimension to test against.

The 390px width is not new — it has been the standard iPhone width since the iPhone 12 — but the 17e keeps it relevant as Apple's volume seller. Every layout decision you make for mobile should be verified at 390px wide before any other phone viewport.

The device ships with Ceramic Shield 2, delivering dramatically improved scratch resistance. Combined with a price point accessible to more users, this phone will appear in your mobile analytics at a higher share than any Pro model. The 19.5:9 aspect ratio at 390×844 means your scroll depth, fold position, and call-to-action placement at mobile widths should all be tuned for this exact height. If you design call-to-actions to appear above the fold on mobile, 844px is the height to test against.