Galaxy Z Fold 5 Folded vs Unfolded: screen size and viewport
The Galaxy Z Fold 5 folded lays web pages out at 344 × 882 CSS px with a pixel ratio of 2.625; the Galaxy Z Fold 5 unfolded at 690 × 829 with 2.625. The Galaxy Z Fold 5 unfolded is 346 px wider, and the Galaxy Z Fold 5 folded is 53 px taller.
The two screens side by side
Specs compared
| Spec | Galaxy Z Fold 5 folded | Galaxy Z Fold 5 unfolded | Difference |
|---|---|---|---|
| Viewport, portrait (CSS px) | 344 × 882 | 690 × 829 | −346 px wide, +53 px tall |
| Device pixel ratio | 2.625 | 2.625 | same |
| Physical resolution | 903 × 2315 | 1811 × 2176 | Galaxy Z Fold 5 unfolded: 89% more pixels |
| Aspect ratio | 441:172 | 829:690 | Galaxy Z Fold 5 folded is taller |
| Visible height, portrait, with browser bars | ~786 px | ~701 px | +85 px for the Galaxy Z Fold 5 folded |
| Landscape width (CSS px) | 882 px | 829 px | +53 px for the Galaxy Z Fold 5 folded |
| Visible height, landscape | ~264 px | ~610 px | −346 px for the Galaxy Z Fold 5 folded |
| First released | 2023 | 2023 | same year |
| Engine in MobileCheck | Chromium (Chrome) | Chromium (Chrome) | same engine |
CSS px are the units media queries see. Visible heights subtract the status bar and the Chrome on Android bars as set in our device profiles; real bar heights vary with settings and scrolling. The release year is that of the first model with each screen.
What this means for your layout
How the width difference affects your layout
The Galaxy Z Fold 5 unfolded is 346 CSS px wider (690 vs 344, 101% more). 8 common breakpoints fall between them: (min-width: 360px) (a common small-phone test width), (min-width: 375px) (a common small-phone test width), (min-width: 390px) (a common phone test width), (min-width: 414px) (a common large-phone test width), (min-width: 430px) (a common large-phone test width), (min-width: 576px) (Bootstrap sm), (min-width: 600px) (Material 3 medium window), (min-width: 640px) (Tailwind sm) match the Galaxy Z Fold 5 unfolded but not the Galaxy Z Fold 5 folded, so a rule written for that width applies on only one of the two.
In a 2-column card grid with 16 px page padding and 16 px gaps, each card is 321 px wide on the Galaxy Z Fold 5 unfolded and 148 px on the Galaxy Z Fold 5 folded. Check that buttons, prices and long words still fit in the narrower one.
At 344 px the Galaxy Z Fold 5 folded is narrower than the 360 px many designs start from: fixed widths, wide tables and long unbroken words are the first things to cause sideways scrolling there.
Pixel density and image sizes
Both draw each CSS pixel with 2.625 × 2.625 device pixels, so text and icons are equally sharp. A full-width image (sizes="100vw") needs about 903 px on the Galaxy Z Fold 5 folded and 1811 px on the Galaxy Z Fold 5 unfolded to look sharp.
With a srcset such as 640w, 828w, 1080w, 1290w, 1440w, 1640w, 2048w, the browser would normally pick the 1080w file on the Galaxy Z Fold 5 folded and the 2048w file on the Galaxy Z Fold 5 unfolded. Leave out the 2048w candidate and the Galaxy Z Fold 5 unfolded upscales a smaller file.
Both pixel ratios are fractional: one CSS pixel isn't a whole number of device pixels, so 1 px borders and hairlines can be rounded unevenly. Check thin lines on both rather than assuming they match.
How much fits above the fold
On first load about 786 px of the page is visible on the Galaxy Z Fold 5 folded and 701 px on the Galaxy Z Fold 5 unfolded: 85 px less (12%) on the Galaxy Z Fold 5 unfolded, roughly 3 lines of 16 px body text at a 1.5 line height.
If your main button sits just above the fold on the Galaxy Z Fold 5 folded, it can end up below it on the Galaxy Z Fold 5 unfolded. Keep the headline and the main action within the first 701 px, and size full-screen sections with 100svh rather than 100vh — see the 100vh problem on mobile.
Relative to its width, the Galaxy Z Fold 5 folded has the taller screen (441:172 vs 829:690), so the same content is laid out narrower but more of its length fits at once.
In landscape
Turned sideways, the Galaxy Z Fold 5 folded is 882 px wide and the Galaxy Z Fold 5 unfolded 829 px; (min-width: 840px) matches only the Galaxy Z Fold 5 folded in landscape. The visible height drops to about 264 and 610 px, so a 64 px sticky header covers 24% and 10% of the screen — under the 25% at which MobileCheck flags fixed bars covering the page.
Same browser engine
Both run Android, so both render with Chromium, the engine behind Chrome. Engine quirks are the same; the differences above come from size alone. See how to test a website on Android.
More about these devices
Or open the free check with the Galaxy Z Fold 5 folded and the Galaxy Z Fold 5 unfolded preselected: full-page screenshots in Chromium, with problems such as small text and crowded buttons highlighted.
Related comparisons
- Galaxy Z Fold 5 vs Galaxy S24 Ultra — 344 vs 384 px wide, 2.625× vs 2.813×
- Galaxy Z Fold 5 unfolded vs iPad mini — 690 vs 744 px wide, 2.625× vs 2×
Compare other devices → · All mobile viewport sizes →
Frequently asked questions
Is the Galaxy Z Fold 5 folded screen bigger than the Galaxy Z Fold 5 unfolded?
In CSS pixels, which decide how much of a page fits, the Galaxy Z Fold 5 unfolded is larger: 690 × 829 against 344 × 882. The Galaxy Z Fold 5 unfolded has more physical pixels (1811 × 2176), which makes it sharper rather than roomier.
Do I need different CSS for the Galaxy Z Fold 5 folded and the Galaxy Z Fold 5 unfolded?
Only if your breakpoints fall between 344 and 690 px: a min-width query at 360px or 375px or 390px or 414px or 430px or 576px or 600px or 640px applies to one and not the other. A fluid layout handles both without device-specific rules.
How much of a web page is visible on the Galaxy Z Fold 5 folded vs the Galaxy Z Fold 5 unfolded?
About 344 × 786 CSS px on the Galaxy Z Fold 5 folded and 690 × 701 on the Galaxy Z Fold 5 unfolded when a page first opens in portrait, after the status bar and Chrome on Android's bars. Bar heights are our device profiles' estimates.