10.5インチiPad Proのメディアクエリは、縦 834 px 横 1112 px CSSテクニック

10.5インチiPad Proにてsafariで表示したWebページのレイアウト調節を行なったときに、今までのiPadと画面解像度が違うことを忘れていました。

10.5インチiPad Pro

解像度は2,224 x 1,668 px と記載iPad Pro – 仕様 – Apple（日本）されています。これはRetinaディスプレーなので、表示されるWebページの解像度は1,112 × 834 px となります。縦（portrait）表示だと、幅 834 px・横（landscape）表示は、1,112 pxとなります。

10.5インチiPad Pro メディアクエリ

9.7インチ iPad メディアクエリ

9.7インチ iPadは1,024 × 768 px9.7インチiPad – 仕様 – Apple（日本）です。

参考記事はこちら

HTML5 & CSS3 デザインレシピ集

posted with amazlet at 17.08.28

技術評論社 (2017-02-22)
売り上げランキング: 42,415

Amazon.co.jpで詳細を見る