What is the viewport size of the Samsung Galaxy S24?

The Samsung Galaxy S24 has a viewport size of 360×780 CSS pixels with a device pixel ratio of 3x. Its physical screen resolution is 1080×2340 pixels on a 6.2 inch display.

Which CSS breakpoint does the Samsung Galaxy S24 use?

The Samsung Galaxy S24 (360px wide) falls into the "default" breakpoint in Tailwind CSS, "xs" in Bootstrap 5, and "xs" in Material UI.

What is the device pixel ratio of the Samsung Galaxy S24?

The Samsung Galaxy S24 has a device pixel ratio (DPR) of 3x, meaning each CSS pixel is rendered using 3×3 = 9 physical pixels. This gives the display sharp, high-density rendering for text and images.

Phone Samsung Current

Samsung Galaxy S24 Viewport Size

360×780 CSS pixels · 1080×2340 physical pixels · 3x DPR

Display Specifications

Viewport Width

360px CSS pixels

Viewport Height

780px CSS pixels

Physical Width

1080px hardware pixels

Physical Height

2340px hardware pixels

Device Pixel Ratio

3x 1 CSS px = 3×3 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

6.2 inch diagonal

Aspect Ratio

19.5:9

Operating System

Android 15

Release Year

2024

Touch Support

Yes

CSS Breakpoint Mapping

At 360px wide, the Samsung Galaxy S24 falls into these CSS framework breakpoints:

Tailwind CSS v4

default

min-width: 0

Bootstrap 5

min-width: 0

Material UI v6

min-width: 0

Related Devices

Samsung Galaxy S23

360×780 · 3x DPR

default

Samsung Galaxy S24 Ultra

384×824 · 3.75x DPR

default

Samsung Galaxy S25

360×780 · 3x DPR

default

Samsung Galaxy S25 Ultra

384×824 · 3.75x DPR

default

Audit your site on Samsung Galaxy S24

See how your site looks at 360×780 — Viewpo takes real browser screenshots and checks for responsive design issues.

Try Viewpo Free