Devices with a 375px wide viewport
375px2 devices + 4 with other display settings
2 devices give web pages a 375 CSS pixel wide viewport in portrait, with heights from 667 to 812px. If your layout fits 375px, it fits all of them. Sizes this wide are about 3.96% of worldwide traffic in StatCounter’s top lists (Aug 2026).
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| iPhone 13 mini / 12 mini | 375×812 | 3 | 1080×2340 | 2021 |
| iPhone SE (2nd & 3rd gen) | 375×667 | 2 | 750×1334 | 2022 |
Also 375px wide with a different setting
| Device | Setting | CSS viewport |
|---|---|---|
| iPhone 16 Plus | Display Zoom: Larger Text | 375 × 812 |
| iPhone 15 Pro Max / 15 Plus | Display Zoom: Larger Text | 375 × 812 |
| iPhone 14 Pro Max | Display Zoom: Larger Text | 375 × 812 |
| iPhone 14 Plus / 13 Pro Max / 12 Pro Max | Display Zoom: Larger Text | 375 × 812 |
Check your site at 375px
Paste your address (or localhost:3000). doesitfit shows it on real screen sizes at once and tells you, bluntly, where it spills.
Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.
Designing for 375px
Breakpoints
Tailwind: base styles only (below sm, 640px). Bootstrap: xs.
Room for content
343px with 16px side padding, 327px with 24px. Anything fixed wider than 375px makes the page scroll sideways (fix it).
Sharp images
At DPR 2 / 3, a full-width image needs 750px / 1125px of real pixels.
Nearby widths
Questions people ask
Which phones have a 375px wide viewport?
iPhone 13 mini / 12 mini, iPhone SE, plus 4 more when the display size or scaling setting is changed.
Is 375px the screen resolution?
No. 375px is the width in CSS pixels, what web pages get. The screens have 2, 3× as many physical pixels across (the device pixel ratio).
Which breakpoint applies at 375px?
Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs. Media queries use this CSS width, not the screen resolution.
How common is a 375px wide screen?
Screen sizes 375px wide make up about 3.96% of the traffic in StatCounter’s top lists for Aug 2026 (375×812: 2.19%, 375×667: 1.77%).
Guides that help
- Responsive breakpoints in 2026 — the widths that matterWhere 123 real phones, tablets, laptops and monitors land in CSS pixels, which responsive breakpoints actually matter in 2026, and which screens to test.Guides · 8 min read
- How to fix horizontal scrolling on mobile (12 causes)Page wobbles sideways on phones? The 12 usual causes of horizontal scrolling on mobile, a fix for each, and a console snippet that finds the culprit fast.Fixes · 9 min read
- Text touching the screen edge? Mobile padding that worksText squashed against the edge of a phone screen looks broken. How much mobile padding to use (16–24px), CSS and Tailwind patterns that work, and a fix prompt.Fixes · 7 min read