Galaxy Tab S10+ viewport size, resolution and safe areas

The Galaxy Tab S10+ has a viewport of 876×1400 CSS pixels in portrait (1400×876 in landscape), a device pixel ratio (DPR) of 2 and a physical resolution of 1752×2800.

Portrait
876×1400
Landscape
1400×876
DPR
2
Physical
1752×2800
Galaxy Tab S10+ in Breakpane, App mode, with Lume open and the viewport dimension lines
Breakpane capture in App mode (installed PWA). The dimension lines show the viewport the page measured inside the device; system bars that stay reserved are not counted.

Measurements

Galaxy Tab S10+ measurements in CSS pixels
Viewport, portrait876×1400
Viewport, landscape1400×876
Device pixel ratio (DPR)2
Physical resolution1752×2800
Status bar28 px
Gesture bar24 px
Chrome: space taken at the top84 px
Chrome: space taken at the bottom24 px
Visible viewport in Chrome, portrait876×1292
OSAndroid
Notesame screen as the Tab S9+

CSS for the Galaxy Tab S10+

Media query by width

Breakpoints are written in CSS pixels, never in physical resolution.

/* Galaxy Tab S10+: 876 CSS px in portrait, 1400 in landscape */
@media (max-width: 876px) {
  /* … */
}

/* screens with a DPR of 2 or more */
@media (min-resolution: 2dppx) {
  /* 2x images */
}

dvh, svh and Chrome's address bar

In Chrome on the Galaxy Tab S10+, the address bar is 56 px tall and collapses as you scroll. 100svh is the height with the bar showing (1292 px); 100dvh follows the bar; 100vh is the height with the bar collapsed, taller than what shows when the page opens. With viewport-fit=cover, Chrome on Android 15 and later draws the page under the gesture bar and reports its 24 px in env(safe-area-inset-bottom).

/* Galaxy Tab S10+ in Chrome: 1292 px with the bar showing */
.hero { min-height: 100svh; }
.full-screen { height: 100dvh; }
.bottom-bar { padding-bottom: env(safe-area-inset-bottom); }

How Breakpane emulates the Galaxy Tab S10+

Breakpane doesn't run Android. It's Chromium with the Galaxy Tab S10+'s viewport (876×1400), density (2), user agent, touch, safe areas and display-mode, inside a frame with the real dimensions, floating in front of your editor with your dev server live.

More devices: Tablets

All devices

Measurements from Breakpane's device catalog, checked against public sources (the Chrome DevTools device list, useyourloaf.com, deviceatlas.com, yesviz.com, webmobilefirst.com and 1440px.com) between Oct 2, 2026 and Oct 5, 2026.