Native resolution 1752 × 2800 px at 2× · 266 PPI · 12.4″ · 1:1.6. Design at 876 × 1400 and export assets at 2×.
| Property | Value |
|---|---|
| CSS viewport (portrait) | 876 × 1400 px |
| CSS viewport (landscape) | 1400 × 876 px |
| Native resolution | 1752 × 2800 px |
| Device pixel ratio | 2× |
| Pixel density | 266 PPI |
| Screen diagonal | 12.4 in |
| Panel size | 6.59 × 10.53 in |
| Aspect ratio | 1:1.6 (exact 219:350) |
| Total pixels | 4.91 MP |
| Released | 2023 |
| Operating system | Android |
Among the 43 tablets on this site, the Samsung Galaxy Tab S9+ has the 13th largest CSS viewport area. Its 876 px width is 16 px above the 860 px average for this category.
Targeting the Samsung Galaxy Tab S9+ in CSS
Device-specific media queries are brittle — a new model with the same width will not match. Use them for genuine per-device fixes only, and prefer width buckets for layout.
/* Target Samsung Galaxy Tab S9+ specifically */
@media only screen
and (device-width: 876px)
and (device-height: 1400px)
and (-webkit-device-pixel-ratio: 2) {
/* … */
}
/* More useful in practice — the width bucket it falls into */
@media (min-width: 876px) { /* … */ }Compare with other Android Tablets models
| Device | CSS viewport | Native | DPR | PPI | Diagonal |
|---|---|---|---|---|---|
| Samsung Galaxy Tab S9+ | 876 × 1400 | 1752 × 2800 | 2× | 266 | 12.4″ |
| Samsung Galaxy Tab S9 | 800 × 1280 | 1600 × 2560 | 2× | 274 | 11″ |
| Samsung Galaxy Tab A9+ | 800 × 1280 | 1200 × 1920 | 1.5× | 206 | 11″ |
| Google Pixel Tablet | 800 × 1280 | 1600 × 2560 | 2× | 276 | 10.95″ |
| Samsung Galaxy Tab S9 Ultra | 924 × 1480 | 1848 × 2960 | 2× | 239 | 14.6″ |
| Samsung Galaxy Tab S10+ | 876 × 1400 | 1752 × 2800 | 2× | 266 | 12.4″ |
| Samsung Galaxy Tab S6 Lite | 800 × 1333 | 1200 × 2000 | 1.5× | 224 | 10.4″ |
| Samsung Galaxy Tab S10 Ultra | 924 × 1480 | 1848 × 2960 | 2× | 239 | 14.6″ |
Questions about the Samsung Galaxy Tab S9+ screen
What is the screen size of the Samsung Galaxy Tab S9+?
The Samsung Galaxy Tab S9+ has a 12.4-inch display. In CSS the viewport measures 876 × 1400 px in portrait, and the panel itself has 1752 × 2800 physical pixels at 266 PPI.
What resolution should I design for on the Samsung Galaxy Tab S9+?
Design at 876 × 1400 and export assets at 2×. That gives you 1752 × 2800 px images, which is exactly what the panel renders. Designing directly at 1752 × 2800 means every measurement is 2 times larger than the CSS values you will write.
What is the device pixel ratio of the Samsung Galaxy Tab S9+?
The Samsung Galaxy Tab S9+ reports a device pixel ratio of 2. One CSS pixel therefore covers 4 device pixels. You can read it in JavaScript with window.devicePixelRatio.
Which other devices have the same viewport as the Samsung Galaxy Tab S9+?
1 other device shares the 876 × 1400 CSS viewport: Samsung Galaxy Tab S10+. A layout that works on one works on all of them.
Related
window.innerWidth/innerHeight reported by the stock browser with no browser chrome. See methodology and sources.