Widthsphone

Devices with a 427px wide viewport

427px2 devices

2 devices give web pages a 427 CSS pixel wide viewport in portrait, with heights from 952 to 952px. If your layout fits 427px, it fits all of them.

DeviceCSS viewportDPRPhysical pixelsYear
Google Pixel 10 Pro427×9522.531251280×28562025
Google Pixel 9 Pro427×9522.531251280×28562024

Check your site at 427px

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

Breakpoints

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

Room for content

395px with 16px side padding, 379px with 24px. Anything fixed wider than 427px makes the page scroll sideways (fix it).

Sharp images

At DPR 2.53125, a full-width image needs 1081px of real pixels.

Every height at this width

427 × 952

Nearby widths

Questions people ask

Which phones have a 427px wide viewport?

Google Pixel 10 Pro, Google Pixel 9 Pro.

Is 427px the screen resolution?

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

Which breakpoint applies at 427px?

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

Guides that help