Samsung · phone · 2024

Galaxy S24 screen size

Samsung's 2024 base model launched the Galaxy AI push with a slightly taller 6.2-inch panel. The CSS viewport stays at Samsung's long-running 360x780 at 3x, so no breakpoint changes versus the S22 or S23 generations.

CSS viewport
360 × 780
Physical pixels
1080 × 2340
Pixel ratio
3x
PPI
416
Screen size
6.2"

Media queries

Target this device (portrait)
@media only screen and (device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  /* styles */
}
Viewport width and up
@media (min-width: 360px) {
  /* styles */
}
Viewport width and down
@media (max-width: 360px) {
  /* styles */
}
From usKeychord— keyboard shortcuts for every app

Related devices