2017-02-02 8 views
0

iPads 3のページレイアウトに特定の変更を加える必要があります。I-pad3 9'7インチスクリーンのメディアクエリーCSSは1536 x 2048ピクセル(〜264 ppiピクセル密度)ipadのMediaクエリーは何ですか3

+0

iPad ** 3 **にのみ適合するメディアクエリが必要ですか?またはすべての9.7インチのiPads? – xmcp

+0

[iPadとiPadを対象とする[CSSメディアクエリ]の可能な複製はありますか?](http://stackoverflow.com/questions/8271493/css-media-query-to-target-ipad-and-ipad-only) – xmcp

答えて

1

メディアクエリ自体は、ピクセル比が-webkit-min-device-pixel-ratio属性を経由して、網膜ディスプレイを扱うように設定されていることを除いて、iPadでの前回の反復から大幅に変更されているようには見えない:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 2) { 
    /* Place iPad 3 Styles Here */ 
} 

これらhigher-解像度の高い網膜ディスプレイは一般に、以前のバージョンと同じデバイス幅を報告しますが、前述の属性あなたの最小値と最大値に対する「乗数」として効果的です。

+0

ありますブラウザでこの解像度をテストするためのプラグインはありますか? – parthiban

関連する問題