Native resolution 1080 × 2640 px at 3× · 425 PPI · 6.7″ · 9:22. Design at 360 × 880 and export assets at 3×.
| Property | Value |
|---|---|
| CSS viewport (portrait) | 360 × 880 px |
| CSS viewport (landscape) | 880 × 360 px |
| Native resolution | 1080 × 2640 px |
| Device pixel ratio | 3× |
| Pixel density | 425 PPI |
| Screen diagonal | 6.7 in |
| Panel size | 2.54 × 6.21 in |
| Aspect ratio | 9:22 (exact 9:22) |
| Total pixels | 2.85 MP |
| Released | 2023 |
| Operating system | Android |
Among the 130 phones on this site, the Samsung Galaxy Z Flip 5 has the 83th largest CSS viewport area. Its 360 px width is 39 px below the 399 px average for this category.
Targeting the Samsung Galaxy Z Flip 5 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 Z Flip 5 specifically */
@media only screen
and (device-width: 360px)
and (device-height: 880px)
and (-webkit-device-pixel-ratio: 3) {
/* … */
}
/* More useful in practice — the width bucket it falls into */
@media (min-width: 360px) { /* … */ }Compare with other Android Phones models
| Device | CSS viewport | Native | DPR | PPI | Diagonal |
|---|---|---|---|---|---|
| Samsung Galaxy Z Flip 5 | 360 × 880 | 1080 × 2640 | 3× | 425 | 6.7″ |
| Google Pixel 8 Pro | 448 × 997 | 1344 × 2992 | 3× | 489 | 6.7″ |
| OnePlus 11 | 412 × 919 | 1440 × 3216 | 3.5× | 525 | 6.7″ |
| Nothing Phone (2) | 412 × 919 | 1080 × 2412 | 2.625× | 394 | 6.7″ |
| Xiaomi 13 Pro | 440 × 979 | 1440 × 3200 | 3.27× | 522 | 6.73″ |
| Xiaomi Redmi Note 12 | 393 × 873 | 1080 × 2400 | 2.75× | 395 | 6.67″ |
| Xiaomi Redmi 13C | 360 × 800 | 720 × 1600 | 2× | 260 | 6.74″ |
| Samsung Galaxy S23 Ultra | 480 × 1029 | 1440 × 3088 | 3× | 500 | 6.8″ |
| Samsung Galaxy S23+ | 384 × 833 | 1080 × 2340 | 2.81× | 390 | 6.6″ |
Questions about the Samsung Galaxy Z Flip 5 screen
What is the screen size of the Samsung Galaxy Z Flip 5?
The Samsung Galaxy Z Flip 5 has a 6.7-inch display. In CSS the viewport measures 360 × 880 px in portrait, and the panel itself has 1080 × 2640 physical pixels at 425 PPI.
What resolution should I design for on the Samsung Galaxy Z Flip 5?
Design at 360 × 880 and export assets at 3×. That gives you 1080 × 2640 px images, which is exactly what the panel renders. Designing directly at 1080 × 2640 means every measurement is 3 times larger than the CSS values you will write.
What is the device pixel ratio of the Samsung Galaxy Z Flip 5?
The Samsung Galaxy Z Flip 5 reports a device pixel ratio of 3. One CSS pixel therefore covers 9 device pixels. You can read it in JavaScript with window.devicePixelRatio.
Which other devices have the same viewport as the Samsung Galaxy Z Flip 5?
1 other device shares the 360 × 880 CSS viewport: Samsung Galaxy Z Flip 6. 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.