iPhone SE (2nd/3rd gen) viewport size

iPhone SE (2nd/3rd gen) (2020) lays web pages out at 375 × 667 CSS pixels with a pixel ratio of 2.

Browser bars and the visible area

The viewport height is the whole screen, but Safari on iOS keeps part of it for its own interface. In portrait about 20 px at the top (status bar) and 88 px at the bottom (Safari's address bar and toolbar) are covered, leaving roughly 375 × 559 CSS px for the page when it first opens. In landscape the bars take about 50 px.

That is why 100vh can be taller than what people see. Use 100svh for the smallest visible height, 100dvh for the current one, and keep the most important content and buttons within the first 559 px.

Media queries that match the iPhone SE (2nd/3rd gen)

/* iPhone SE (2nd/3rd gen), portrait */
@media (max-width: 375px) and (orientation: portrait) { … }

/* high-density screen (2×) */
@media (min-resolution: 2dppx) { … }

Rather than targeting one device, write fluid styles and add breakpoints where your layout needs them — the same CSS then works on the 6 other devices with the same width and hundreds of models with similar sizes.

Testing on the iPhone SE (2nd/3rd gen)

Apple devices render with WebKit, the engine behind Safari. Chrome's device toolbar only resizes Chromium, so fonts, form controls and toolbar behaviour can differ from a real iPhone. MobileCheck renders iPhones with WebKit — see how to test a website on an iPhone.

The iPhone SE (2nd/3rd gen) is one of the 51 devices in the free check, and you can tap around your site on it in the phone window.

Same viewport width

• iPhone 7 — 375 × 667, 2×
• iPhone 8 — 375 × 667, 2×
• iPhone X — 375 × 812, 3×
• iPhone XS — 375 × 812, 3×
• iPhone 11 Pro — 375 × 812, 3×
• iPhone 12 / 13 mini — 375 × 812, 3×

Similar phones

• iPhone 12 / 13 / 14 / 16e — 390 × 844, 3× (2020)
• iPhone 14 Pro / 15 / 15 Pro / 16 — 393 × 852, 3× (2022)
• iPhone 16 Pro / 17 / 17 Pro — 402 × 874, 3× (2024)
• iPhone 11 — 414 × 896, 2× (2019)
• iPhone 11 Pro Max — 414 × 896, 3× (2019)

All mobile viewport sizes →