56 デバイス · スマートフォン, タブレットとコンピュータ
Samsung デバイス: CSS ビューポート、密度、画面解像度
Samsung デバイス 56 の表示特性が参照されており、それぞれのメディアクエリが反応する幅、ピクセル密度、パネル解像度が示されています。これらのデバイスのうち 18 はブラウザで直接テストできます。
スマートフォン Samsung
6 の異なる CSS 幅が全範囲をカバーしています：360, 384, 412, 414, 768 と 884 px。複数のモデルが同じ幅を共有しているため、1つを検証するだけで他のものも検証できます。
| モデル | CSSビューポート | 密度 | パネル解像度 | 対角線 | 年 |
|---|---|---|---|---|---|
| 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
指定された幅は、システムのデフォルトスケーリングでのブラウザウィンドウの幅であり、パネルの解像度ではありません：メディアクエリが見るのはこの最初の値です。
| モデル | CSSビューポート | 密度 | パネル解像度 | 対角線 | 年 |
|---|---|---|---|---|---|
| Samsung Smart TV | 1920 × 1080 | 1x | 1920 × 1080 | — | — |
| Samsung Smart TV NEO QLED 4K 55" | 1920 × 1080 | 2x | 3840 × 2160 | 55" | — |
タブレット Samsung
値は縦向きで示されています。横向きでは、幅と高さが逆になります：Samsung Galaxy Tab S7 は 800 x 1280 から 1280 x 800 CSS ピクセルに変わります。タブレットのブレークポイントは両方をカバーする必要があります。
| モデル | CSS ビューポート (縦向き) | 密度 | パネル解像度 | 対角線 | 年 |
|---|---|---|---|---|---|
| Samsung Galaxy Tab S7 | 800 × 1280 | 2x | 1600 × 2560 | 11" | 2020 |
優先的にテストする幅
最も多くのモデルで使用されている幅は 360, 384, 412 と 414 px です。これらを最初に確認することで、参照されている Samsung モデル 56 のうち 51 をカバーし、最初のブレークポイントを設定する必要があります。
360 pxまで下げて、Samsung Galaxy S24を含むすべての範囲をカバーします。この幅に収まるレイアウトはどこでも収まります。タブレット側では、幅と高さが逆転する横向きの値も考慮してください。
高さに注意してください。モバイルブラウザはインターフェースバーで表示領域を縮小し、スクロールするとこれらが縮小します。そのため、100vh の高さは最初の画面を超えます。svh と dvh の単位が推奨されます。
Samsung デバイス 18 でサイトをテスト、1つも購入せずに
表は測定値を示します。拡張機能は、モデルの正確なビューポートでサイトを表示し、その密度、User-Agent、および縦向きまたは横向きの切り替えを行います。
- Samsung デバイス 18 がすぐに使用可能、古いモデルから今年の新作まで
- デバイス形式でエクスポートされたキャプチャとビデオ
- ローカル環境とプリプロダクションで動作
無料 · 4.9/5 (5,100件のレビュー)
1,500,000+ ユーザー
よくある質問
Samsung で最も一般的な CSS ビューポートは何ですか？
360 x 780 px は、参照されている 56 モデルのうち 29 に共有されており、Samsung Galaxy S24とSamsung Galaxy S22 を含みます。この範囲で最初に確認すべき幅です。
Samsung デバイスをカバーするためにテストする最小幅は何ですか？
360 px、リスト内で最も狭いモデルの幅、Samsung Galaxy S24。レイアウトが360 pxに収まる場合、56台のSamsungデバイスに収まり、最も広いものは1920 pxに達します。
Samsung が発表した解像度が CSS ビューポートと一致しないのはなぜですか？
これらの画面は、1 CSS ピクセルあたり複数の物理ピクセルを表示するためです。Galaxy S26 ULTRA は 1648 x 3564 ピクセルのパネルと 412 x 891 px の CSS ビューポートを持ち、密度は 4 です。メディアクエリにはこの2番目の値を記述する必要があります。
Samsung タブレットは縦向きと横向きで同じビューポートを持っていますか？
値は逆になります：Samsung Galaxy Tab S7 は縦向きで 800 x 1280 px、横向きで 1280 x 800 px を表示します。表は縦向きの値を示し、シミュレーターは向きを切り替えることができます。
Samsung デバイスを持たずにサイトをテストするにはどうすればよいですか？
Mobile FIRST拡張機能を使用して：これらのモデルの18のビューポート、ピクセル密度、User-Agent、およびタッチイベントをブラウザ内で直接再現します。localhostアドレスでも可能です。
引用されたブランドとモデルは、それぞれの所有者に帰属します。