Screen sizesphone

427 × 952 viewport: which devices use it?

427 × 952CSS px · 20.1:9

427 × 952 is the CSS viewport of 2 devices in our research, including the Google Pixel 10 Pro, Google Pixel 9 Pro. Turned sideways it becomes 952 × 427.

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

Check your site at 427 × 952

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 wide

Breakpoints

Tailwind: base styles only (below sm, 640px). Bootstrap: xs. Sideways (952px): Tailwind md (sm: md: styles apply).

Room for content

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

All devices 427px wide, whatever their height.

Nearby sizes

Questions people ask

Which phone have a 427 × 952 viewport?

Google Pixel 10 Pro, Google Pixel 9 Pro.

Is 427 × 952 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the Google Pixel 10 Pro is 1280 × 2856 (DPR 2.53125); the Google Pixel 9 Pro is 1280 × 2856 (DPR 2.53125).

Which breakpoint does a 427px wide screen use?

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

Guides that help