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
0

無料メルマガ発行中

メルマガも2021年は頑張って書いています。ぜひ登録して読んでくださいね。(無料です)

メールマガジン
無料で購読
メールアドレス *
* 必須項目

【案内板】

このブログをはじめて読んだあなたへ
ぜひ読んでもらいたい記事を用意しました。

オンラインショップあります

↓ 下のバーナーをクリックすると移動します。


Youtube

  • ブックマーク

この記事を書いた人

テストテスト