Galaxy S24+ screen size
The Galaxy S24+ renders websites at 412×915 CSS pixels in portrait and 915×412 in landscape. It shares the exact same viewport as the Galaxy S24 Ultra, Galaxy S23 Ultra, Galaxy A54, Pixel 8, so one test covers them all.
Viewport specs
| CSS viewport (portrait) | 412 × 915 px |
| CSS viewport (landscape) | 915 × 412 px |
| Aspect ratio | 0.450:1 |
| Breakpoint category | mobile |
| Device type | phone |
| Brand | Samsung |
CSS media query for Galaxy S24+
/* Galaxy S24+ — portrait */
@media (max-width: 412px) {
/* your styles */
}
/* Galaxy S24+ — landscape */
@media (max-width: 915px) and (orientation: landscape) {
/* your styles */
}Testing tips for Galaxy S24+
Viewports this narrow are where layouts most often break: check that nothing scrolls sideways, buttons are at least 44px tall, and body text is 16px or larger.
Compare it against a tablet and a desktop width in the same view to catch breakpoint jumps — Responsivly's multi-view does this in one click.
FAQ
What is the Galaxy S24+ viewport size?
The Galaxy S24+ has a CSS viewport of 412×915 pixels in portrait orientation and 915×412 pixels in landscape.
What media query targets the Galaxy S24+?
Use @media (max-width: 412px) for portrait styles, or @media (min-width: 412px) and (max-width: 412px) to target this exact width.
How do I test my website on the Galaxy S24+?
Open Responsivly, paste your URL and pick Galaxy S24+ from the device list — it renders your site at 412×915 for free, no signup.