特徴 Apple iPhone 6

ビューポート解像度（CSSルール）

これは、ブレークポイントとメディアクエリの定義を条件付けるため、設計者と開発者が最も関心を持っている解決策です。 一般的に、私たちはこの決議についてのみ話します。
Apple iPhone 6に関しては：

• 375 ピクセル 幅 (width)
• 667 ピクセル 高さで (height) ⚠️ Safariブラウザ、Chromeなどが表示領域を減らすため、高さは目安になります

ℹ️ 一部の分析ツールは、メーカーの解像度（以下）のみを表示し、上記の解像度は表示しないため、結果を解釈する際には注意が必要です。

---

Coming soon in the simulator

Test your site right now on a similar device using the browser extension.
It's free and can be activated in 2 clicks.

拡張機能をインストールします

---

画素密度

Apple iPhone 6では彼女は 2

CSSで少なくともこのピクセル密度のデバイスをターゲットにする場合は、このメディアクエリを使用できます。

                        
                            @media only screen and (-webkit-min-device-pixel-ratio: 2) {

                                /* CSS */

                            }
                        
                    

また、JavaScriptでは、ピクセル密度の値を取得することができます。

                        
                            window.devicePixelRatio

                            // どちらが図を返します 2

                        
                    

---

メーカーの決議 Apple iPhone 6

ピクセル密度を考えると、これは次のようになります。

• 750 幅ピクセル
• 1334 高さのピクセル