56 devices · Smartphones, tablets and computers
Samsung devices: CSS viewport, density, and screen resolution
Display characteristics of 56 referenced Samsung devices, each with the width your media queries respond to, its pixel density, and panel resolution. 18 of these devices can be tested directly in your browser.
Samsung Smartphones
6 distinct CSS widths cover the entire range: 360, 384, 412, 414, 768 and 884 px. Several models share the same: validating one of them is enough to validate the others.
| Model | CSS Viewport | Density | Panel resolution | Diagonal | Year |
|---|---|---|---|---|---|
| Galaxy S26 ULTRA | 412 × 891 | 4x | 1648 × 3564 | — | 2026 |
| Samsung Galaxy A17 | 412 × 892 | 2.625x | 1082 × 2342 | — | 2025 |
| Samsung Galaxy S24 | 360 × 780 | 3x | 1080 × 2340 | — | 2024 |
| Samsung Galaxy S24 Ultra | 384 × 832 | 2.8125x | 1440 × 3120 | — | 2024 |
| Samsung Galaxy S22 | 360 × 780 | 3x | 1080 × 2340 | 6.1" | 2022 |
| Samsung Galaxy S22 ULTRA | 360 × 772 | 4x | 1440 × 3088 | 6.8" | 2022 |
| Samsung Galaxy S22+ | 360 × 780 | 3x | 1080 × 2340 | 6.6" | 2022 |
| Samsung Galaxy A12 | 360 × 800 | 2x | 720 × 1600 | — | 2021 |
| Samsung Galaxy S21 | 360 × 800 | 3x | 1080 × 2400 | 6.2" | 2021 |
| Samsung Galaxy S21 Ultra | 360 × 800 | 4x | 1440 × 3200 | 6.8" | 2021 |
| Samsung Galaxy S21+ | 360 × 800 | 3x | 1080 × 2400 | 6.7" | 2021 |
| Samsung Galaxy Z Flip3 | 360 × 880 | 3x | 1080 × 2640 | 6.7" | 2021 |
| Samsung Galaxy A71 | 412 × 914 | 2.625x | 1080 × 2400 | 6.7" | 2020 |
| Samsung Galaxy Note20 | 412 × 915 | 2.625x | 1080 × 2400 | 6.7" | 2020 |
| Samsung Galaxy Note20 Ultra | 412 × 883 | 3.5x | 1440 × 3088 | 6.9" | 2020 |
| Samsung Galaxy S10 Lite | 412 × 914 | 2.625x | 1080 × 2400 | 6.7" | 2020 |
| Samsung Galaxy S20 | 360 × 800 | 3x | 1440 × 3200 | 6.4" | 2020 |
| Samsung Galaxy S20 FE | 412 × 914 | 2.625x | 1080 × 2400 | 6.5" | 2020 |
| Samsung Galaxy S20 Ultra | 412 × 915 | 3.5x | 1440 × 3200 | 6.9" | 2020 |
| Samsung Galaxy S20+ | 384 × 854 | 3.75x | 1440 × 3200 | 6.7" | 2020 |
| Samsung Galaxy Z Flip | 412 × 1004 | 2.625x | 1080 × 2636 | 6.7" | 2020 |
| Samsung Galaxy Z Fold 2 | 884 × 1104 | 2x | 1768 × 2208 | 7.6" | 2020 |
| Samsung A50 | 412 × 892 | 2.625x | 1080 × 2340 | 6.4" | 2019 |
| Samsung Galaxy A30 | 412 × 892 | 2.625x | 1080 × 2340 | 6.4" | 2019 |
| Samsung Galaxy A50s | 412 × 892 | 2.625x | 1080 × 2340 | 6.4" | 2019 |
| Samsung Galaxy A51 | 412 × 914 | 2.625x | 1080 × 2400 | 6.5" | 2019 |
| Samsung Galaxy A70s | 412 × 914 | 2.625x | 1080 × 2400 | 6.7" | 2019 |
| Samsung Galaxy Fold | 768 × 1076 | 2x | 1536 × 2152 | 7.3" | 2019 |
| Samsung Galaxy S10 | 360 × 760 | 4x | 1440 × 3040 | 6.1" | 2019 |
| Samsung Galaxy S10+ | 412 × 869 | 3.5x | 1440 × 3040 | 6.4" | 2019 |
| Samsung Note10 | 412 × 869 | 2.625x | 1080 × 2280 | 6.3" | 2019 |
| Samsung Note10+ | 412 × 869 | 3.5x | 1440 × 3040 | 6.8" | 2019 |
| Samsung Galaxy A6s | 360 × 720 | 3x | 1080 × 2160 | 6" | 2018 |
| Samsung Galaxy J4 | 360 × 640 | 2x | 720 × 1280 | 5.5" | 2018 |
| Samsung Galaxy J6 | 360 × 740 | 2x | 720 × 1480 | 5.6" | 2018 |
| Samsung Galaxy J7 Prime2 | 412 × 732 | 2.625x | 1080 × 1920 | 5.5" | 2018 |
| Samsung Galaxy J8 | 360 × 740 | 2x | 720 × 1480 | 6" | 2018 |
| Samsung Galaxy Note9 | 414 × 846 | 3.5x | 1440 × 2960 | 6.4" | 2018 |
| Samsung Galaxy S9 | 360 × 740 | 4x | 1440 × 2960 | 5.8" | 2018 |
| Samsung Galaxy S9+ | 360 × 740 | 4x | 1440 × 2960 | 6.2" | 2018 |
| Samsung Galaxy J7 Pro | 360 × 640 | 3x | 1080 × 1920 | 5.5" | 2017 |
| Samsung Galaxy Note8 | 414 × 846 | 3.5x | 1440 × 2960 | 6.3" | 2017 |
| Samsung Galaxy S8 | 360 × 740 | 4x | 1440 × 2960 | 5.8" | 2017 |
| Samsung Galaxy S8+ | 360 × 740 | 4x | 1440 × 2960 | 6.2" | 2017 |
| Samsung Galaxy J5 Prime | 360 × 640 | 2x | 720 × 1280 | 5" | 2016 |
| Samsung Galaxy J7 Prime | 360 × 640 | 3x | 1080 × 1920 | 5.5" | 2016 |
| Samsung Galaxy On8 | 360 × 640 | 3x | 1080 × 1920 | 5.5" | 2016 |
| Samsung S7 | 360 × 640 | 4x | 1440 × 2560 | 5.1" | 2016 |
| Samsung S7 edge | 360 × 640 | 4x | 1440 × 2560 | 5.5" | 2016 |
| Samsung Galaxy J5 | 360 × 640 | 2x | 720 × 1280 | 5" | 2015 |
| Samsung Galaxy J7 | 360 × 640 | 2x | 720 × 1280 | 5.5" | 2015 |
| Samsung S6 | 360 × 640 | 4x | 1440 × 2560 | 5.1" | 2015 |
| Samsung S6 edge | 360 × 640 | 4x | 1440 × 2560 | 5.1" | 2015 |
Samsung Computers
The given width is that of the browser window at the system's default scaling, not the panel resolution: it's this first value that your media queries see.
| Model | CSS Viewport | Density | Panel resolution | Diagonal | Year |
|---|---|---|---|---|---|
| Samsung Smart TV | 1920 × 1080 | 1x | 1920 × 1080 | — | — |
| Samsung Smart TV NEO QLED 4K 55" | 1920 × 1080 | 2x | 3840 × 2160 | 55" | — |
Samsung Tablets
Values are given in portrait. In landscape, width and height are reversed: Samsung Galaxy Tab S7 goes from 800 x 1280 to 1280 x 800 CSS pixels. Your tablet breakpoints should cover both.
| Model | CSS viewport (portrait) | Density | Panel resolution | Diagonal | Year |
|---|---|---|---|---|---|
| Samsung Galaxy Tab S7 | 800 × 1280 | 2x | 1600 × 2560 | 11" | 2020 |
Which widths to test first
The most represented widths in the range are 360, 384, 412 and 414 px. Checking them first covers 51 of the 56 referenced Samsung models, and these should be your first breakpoints.
Go down to 360 px to cover the entire range, including Samsung Galaxy S24: a layout that fits this width fits everywhere. On the tablet side, also consider landscape values, where width and height are reversed.
Watch out for height: mobile browsers reduce the visible area with their interface bars, and these retract when scrolling. A height of 100vh therefore overflows the first screen; svh and dvh units are preferable.
Test your site on 18 Samsung devices, without buying a single one
The tables provide measurements. The extension displays your site at the model's exact viewport, with its density, User-Agent, and portrait or landscape switching.
- 18 Samsung devices ready to use, from older models to this year's releases
- Screenshots and videos exported in the device's format
- Works on your local environments and pre-productions
Free · 4.9/5 on 5,100 reviews
1,500,000+ users
Other brands
Frequently asked questions
What is the most common CSS viewport for Samsung?
360 x 780 px, shared by 29 of the 56 referenced models, including Samsung Galaxy S24 and Samsung Galaxy S22. This is the width to check first in this range.
What minimum width to test to cover Samsung devices?
360 px, the width of the narrowest model in the list, Samsung Galaxy S24. If your layout fits at 360 px, it fits on the 56 Samsung devices listed, up to the widest which reaches 1920 px.
Why does the resolution announced by Samsung not match the CSS viewport?
Because these screens display multiple physical pixels per CSS pixel. Galaxy S26 ULTRA has a panel of 1648 x 3564 pixels and a CSS viewport of 412 x 891 px, with a density of 4. It's the second value that should be written in a media query.
Do Samsung tablets have the same viewport in portrait and landscape?
The values are reversed: Samsung Galaxy Tab S7 displays 800 x 1280 px in portrait and 1280 x 800 px in landscape. The tables provide values in portrait, and the simulator allows switching between orientations.
How to test your site on a Samsung device without having one?
With the Mobile FIRST extension: it replicates the viewport, pixel density, User-Agent, and touch events of 18 of these models, directly in your browser, including on a localhost address.
The mentioned brands and models belong to their respective owners.