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 デザインレシピ集
技術評論社 (2017-02-22)
売り上げランキング: 42,415

この記事を書いた人