A durable compact baseline
Its CSS canvas and density recur in both later base Galaxy records, so a stable result here can reveal whether a redesign still respects the established compact target.
Galaxy S24 screen size
Galaxy S24: 6.2″, 1080 × 2340, 416 PPI, 360 × 780 CSS viewport at DPR 3. This model anchors the compact Galaxy baseline carried through the next two base generations, making it useful for validating long-lived layouts against an older supported device.
To proportion
6.2″
- Display size
- 6.2″ (15.7 cm) diagonalofficial
- Resolution
- 1080 × 2340 pxofficial
- Pixel density
- 416 PPIofficial
- Aspect ratio
- 19.5:9calculated
- Physical size (display)
- 2.6″ × 5.63″ (6.6 × 14.3 cm)calculated
- CSS viewport
- 360 × 780 pxreference
- Device pixel ratio
- 3reference
- Release year
- 2024
Model-specific guidance
What this means
Base and Ultra serve different tasks
The Ultra from the same generation offers more layout room, while this model applies stronger pressure to labels, controls and side padding.
Compare this device
The specifications below come from the device records; the notes explain why each comparison is useful.
| Device configuration | Matched to | Screen | Panel | Viewport / workspace | PPI |
|---|---|---|---|---|---|
| Galaxy S24 Current page | Galaxy S24 | 6.2″ | 1080 × 2340 | 360 × 780 | 416 |
| Galaxy S25 The successor preserves the same panel and CSS references, isolating generation-specific rendering from responsive layout behavior. | Galaxy S24 | 6.2″ | 1080 × 2340 | 360 × 780 | 416 |
| Galaxy S24 Ultra The same-generation Ultra supplies the wider Galaxy case for components that expand or change composition with available space. | Galaxy S24 | 6.8″ | 1440 × 3120 | 384 × 832 | 505 |
For developers
For developers
/* Galaxy S24 — portrait reference, not a breakpoint */
viewport: 360 × 780 CSS px
panel: 1080 × 2340 · DPR 3
/* Test immediately below and above your layout breakpoints. */Tailwind breakpoint
base
0px-639px
Bootstrap breakpoint
xs
0px-575px
Image slot example
1080 × 609
360px wide at DPR 3
Responsive testing plan
Galaxy S24 responsive workflow
Use the 360 × 780 CSS px at DPR 3 as a real QA target, then pair it with nearby widths for regression testing.
Model-specific checks
- Use long localized labels and dense action rows here before checking how the same components expand on an Ultra.
Phones with a similar screen size
Devices with a similar viewport
Devices with a similar DPR
Sources and review dates
Values marked official come from manufacturer specifications; calculated values are derived from them; reference values are developer layout references and can vary with browser, zoom and operating-system settings.
Sources: Samsung · Samsung · Facts reviewed 2026-09-16
Content reviewed 2026-09-16
Related tools
- Device Screen SizesBrowse sourced screen sizes, resolutions, CSS viewports, DPR and PPI for phones, tablets and laptops, with links to model-level specifications.
- Phone Screen SizesPhone screen size chart with display inches, resolution, PPI and aspect ratio; viewport references where available for tracked iPhone, Galaxy and Pixel phones, including foldables.
- Screen Size ComparisonCompare display dimensions, complete video pictures and A4 page size. View screens side by side or estimate physical size after calibration.
- Viewport Size CheckerSee your browser's CSS viewport size and window size live. Updates as you resize — with current responsive breakpoint for developers.
- Responsive Breakpoint CheckerCheck the current responsive breakpoint live, compare Tailwind and Bootstrap defaults, and copy media queries for common viewport widths.
- Responsive Image CalculatorCalculate responsive image export sizes from CSS pixels and DPR. Generate srcset, sizes and CSS image-set snippets for crisp images.
- PPI CalculatorCalculate PPI from resolution and screen size. Instant results with the formula worked through your numbers, plus physical dimensions and dot pitch.