Widthsphone

Devices with a 412px wide viewport

412px11 devices + 14 with other display settings

11 devices give web pages a 412 CSS pixel wide viewport in portrait, with heights from 906 to 1006px. If your layout fits 412px, it fits all of them. Sizes this wide are about 3.13% of worldwide traffic in StatCounter’s top lists (Aug 2026).

DeviceCSS viewportDPRPhysical pixelsYear
Samsung Galaxy Z Fold 7 — cover412×9602.6251080×25202025
Samsung Galaxy Z Flip 7412×9602.6251080×25202025
Samsung Galaxy Z Flip 6412×10062.6251080×26402024
Google Pixel 10412×9242.6251080×24242025
Google Pixel 10a412×9242.6251080×24242026
Google Pixel 9412×9242.6251080×24242024
Google Pixel 9a412×9242.6251080×24242025
Google Pixel 8412×9152.6251080×24002023
Google Pixel 8a412×9152.6251080×24002024
OnePlus 13 / 12412×9062.6251440×31682025
Motorola Moto G (2025)412×9171.75720×16042025

Also 412px wide with a different setting

DeviceSettingCSS viewport
Samsung Galaxy S26 UltraDisplay size: smaller412 × 892
Samsung Galaxy S26+Display size: smaller412 × 892
Samsung Galaxy S25 UltraDisplay size: smaller412 × 892
Samsung Galaxy S25 EdgeDisplay size: smaller412 × 892
Samsung Galaxy S25+Display size: smaller412 × 892
Samsung Galaxy S25 FEDisplay size: smaller412 × 892
Samsung Galaxy S24 UltraDisplay size: smaller412 × 892
Samsung Galaxy S24+Display size: smaller412 × 892
Samsung Galaxy S24 FEDisplay size: smaller412 × 892
Samsung Galaxy S23 UltraDisplay size: smaller412 × 883
Samsung Galaxy A56 / A36Display size: smaller412 × 892
Samsung Galaxy A55 / A35Display size: smaller412 × 892
Samsung Galaxy A16Display size: smaller412 × 892
Samsung Galaxy A15 / A25Display size: smaller412 × 892

Check your site at 412px

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 412px

Breakpoints

Tailwind: base styles only (below sm, 640px). Bootstrap: xs.

Room for content

380px with 16px side padding, 364px with 24px. Anything fixed wider than 412px makes the page scroll sideways (fix it).

Sharp images

At DPR 1.75 / 2.625, a full-width image needs 721px / 1082px of real pixels.

Every height at this width

412 × 906, 412 × 915, 412 × 917, 412 × 924, 412 × 960, 412 × 1006

Nearby widths

Questions people ask

Which phones have a 412px wide viewport?

Samsung Galaxy Z Fold 7 cover, Samsung Galaxy Z Flip 7, Samsung Galaxy Z Flip 6, Google Pixel 10, Google Pixel 10a, Google Pixel 9, Google Pixel 9a, Google Pixel 8 and 3 more, plus 14 more when the display size or scaling setting is changed.

Is 412px the screen resolution?

No. 412px is the width in CSS pixels, what web pages get. The screens have 1.75, 2.625× as many physical pixels across (the device pixel ratio).

Which breakpoint applies at 412px?

Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs. Media queries use this CSS width, not the screen resolution.

How common is a 412px wide screen?

Screen sizes 412px wide make up about 3.13% of the traffic in StatCounter’s top lists for Aug 2026 (412×915: 3.13%).

Guides that help