Samsung Galaxy S8 & S9 viewport size

Samsung Galaxy S8 / S9 (2017) lays web pages out at 360 × 740 CSS pixels with a pixel ratio of 4.

Browser bars and the visible area

The viewport height is the whole screen, but Chrome on Android keeps part of it for its own interface. In portrait about 80 px at the top (status bar and address bar) and 48 px at the bottom (navigation bar) are covered, leaving roughly 360 × 612 CSS px for the page when it first opens. In landscape the bars take about 80 px.

That is why 100vh can be taller than what people see. Use 100svh for the smallest visible height, 100dvh for the current one, and keep the most important content and buttons within the first 612 px.

Media queries that match the Samsung Galaxy S8 & S9

/* Samsung Galaxy S8 / S9, portrait */
@media (max-width: 360px) and (orientation: portrait) { … }

/* high-density screen (4×) */
@media (min-resolution: 4dppx) { … }

Rather than targeting one device, write fluid styles and add breakpoints where your layout needs them — the same CSS then works on the 6 other devices with the same width and hundreds of models with similar sizes.

Testing on the Samsung Galaxy S8 & S9

Android phones render with Chromium, the engine behind Chrome. Pixel ratios like 4 mean thin borders and small images can look blurry or uneven — check them at the real ratio. See how to test a website on Android.

The Samsung Galaxy S8 / S9 is one of the 51 devices in the free check, and you can tap around your site on it in the phone window.

Same viewport width

• Samsung Galaxy S7 — 360 × 640, 4×
• Samsung Galaxy S10 — 360 × 760, 4×
• Samsung Galaxy S20 / S21 — 360 × 800, 3×
• Samsung Galaxy S22 / S23 / S24 / S25 — 360 × 780, 3×
• Galaxy Z Flip 5 / 6 — 360 × 880, 3×
• Huawei P30 / P40 — 360 × 780, 3×

Similar phones

• Galaxy Z Fold 5 (folded) — 344 × 882, 3× (2023)
• Samsung Galaxy S23 / S24 Ultra — 384 × 824, 3.75× (2023)
• Xiaomi Redmi Note 11 / 12 / 13 — 393 × 873, 2.75× (2022)
• Xiaomi 13 / 14 — 393 × 851, 2.75× (2022)
• Google Pixel 4a / 5 — 393 × 851, 2.75× (2020)

All mobile viewport sizes →