特徴 Apple iPad Mini (6th Gen) (2021)

Capture image Apple iPad Mini

ビューポートの解像度(CSSルール)

これはデザイナーや開発者が最も関心を持つ解像度であり、ブレークポイントやメディアクエリの定義を決定します。通常、この解像度についてのみ話します。
Apple iPad Mini (6th Gen) (2021)に関しては、それは:

  • 768 ピクセル 幅(width)
  • 1024 ピクセル 高さ(height)⚠️高さは目安です。Safari、Chromeなどのブラウザは表示領域を縮小します

ℹ️ 一部の分析ツールは、上記の解像度ではなく、製造元の解像度(以下)を表示するだけです。したがって、結果を解釈する際には注意が必要です。


シミュレーターで利用可能

レスポンシブサイトをテスト Apple iPad Mini (6th Gen) (2021) ブラウザ拡張機能のおかげで。
無料で、2クリックで有効化できます。

拡張機能をインストール

ピクセル密度

Apple iPad Mini (6th Gen) (2021)では、それは 2

このピクセル密度以上のデバイスをCSSでターゲットにしたい場合は、このメディアクエリを使用できます。

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

また、JavaScriptでもピクセル密度の値を取得できます。

                        
                            window.devicePixelRatio
// これにより数値が返されます 2

製造元の解像度 Apple iPad Mini (6th Gen) (2021)

ピクセル密度を考慮すると、それは:

  • 1536 幅のピクセル
  • 2048 高さのピクセル

PNG形式の無料HDモックアップ

透明な背景のHD PNGおよびPSD形式のApple iPad Mini (6th Gen) (2021)の無料モックアップ
HD PNG透明のモックアップApple iPad Mini (6th Gen) (2021)
保存
解像度 2608 ✕ 1728px (66.84 ko)