Galaxy Z Fold7 (open) viewport size, resolution and safe areas

The Galaxy Z Fold7 (open) has a viewport of 750×832 CSS pixels in portrait (832×750 in landscape), a device pixel ratio (DPR) of 2.625 and a physical resolution of 1968×2184.

Portrait
750×832
Landscape
832×750
DPR
2.625
Physical
1968×2184
Galaxy Z Fold7 (open) 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

Viewport, portrait750×832
Viewport, landscape832×750
Device pixel ratio (DPR)2.625
Physical resolution1968×2184
Status bar32 px
Gesture bar24 px
Chrome: space taken at the top88 px
Chrome: space taken at the bottom24 px
Visible viewport in Chrome, portrait750×720
OSAndroid
Noteinner screen, unfolded; the outer one is the Fold7 closed

CSS for the Galaxy Z Fold7 (open)

Media query by width

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

/* Galaxy Z Fold7 (open): 750 CSS px in portrait, 832 in landscape */
@media (max-width: 750px) {
  /* … */
}

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

dvh, svh and Chrome's address bar

In Chrome on the Galaxy Z Fold7 (open), the address bar is 56 px tall and collapses as you scroll. 100svh is the height with the bar showing (720 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 Z Fold7 (open) in Chrome: 720 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 Z Fold7 (open)

Breakpane doesn't run Android. It's Chromium with the Galaxy Z Fold7 (open)'s viewport (750×832), density (2.625), 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: Android

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.