Widthsphone

Devices with a 360px wide viewport

360px4 devices + 14 with other display settings

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

DeviceCSS viewportDPRPhysical pixelsYear
Samsung Galaxy S26360×78031080×23402026
Samsung Galaxy S25360×78031080×23402025
Samsung Galaxy S24360×78031080×23402024
Samsung Galaxy S23360×78031080×23402023

Also 360px wide with a different setting

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

Check your site at 360px

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

Breakpoints

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

Room for content

328px with 16px side padding, 312px with 24px. Anything fixed wider than 360px makes the page scroll sideways (fix it).

Sharp images

At DPR 3, a full-width image needs 1080px of real pixels.

Every height at this width

360 × 780

Nearby widths

Questions people ask

Which phones have a 360px wide viewport?

Samsung Galaxy S26, Samsung Galaxy S25, Samsung Galaxy S24, Samsung Galaxy S23, plus 14 more when the display size or scaling setting is changed.

Is 360px the screen resolution?

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

Which breakpoint applies at 360px?

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

How common is a 360px wide screen?

Screen sizes 360px wide make up about 14.35% of the traffic in StatCounter’s top lists for Aug 2026 (360×800: 9.2%, 360×780: 3.17%, 360×806: 1.98%).

Guides that help