ビューポート解像度（CSSルール）
これは、ブレークポイントとメディアクエリの定義を条件付けるため、設計者と開発者が最も関心を持っている解決策です。 一般的に、私たちはこの決議についてのみ話します。
Samsung Galaxy S22 ULTRA (2022)に関しては：
- 360 ピクセル 幅 (width)
- 772 ピクセル 高さで (height) ⚠️ Safariブラウザ、Chromeなどが表示領域を減らすため、高さは目安になります
ℹ️ 一部の分析ツールは、メーカーの解像度（以下）のみを表示し、上記の解像度は表示しないため、結果を解釈する際には注意が必要です。
シミュレータで利用可能
レスポンシブサイトをテストする Samsung Galaxy S22 ULTRA (2022) ブラウザ拡張機能に感謝します。
無料で、2回のクリックでアクティブにできます。
画素密度
Samsung Galaxy S22 ULTRA (2022)では彼女は 4
CSSで少なくともこのピクセル密度のデバイスをターゲットにする場合は、このメディアクエリを使用できます。
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
/* CSS */
}
また、JavaScriptでは、ピクセル密度の値を取得することができます。
window.devicePixelRatio
// どちらが図を返します 4
メーカーの決議 Samsung Galaxy S22 ULTRA (2022)
ピクセル密度を考えると、これは次のようになります。
- 1440 幅ピクセル
- 3088 高さのピクセル
Free HQ mockup PNG format
