スマホ等の実質の解像度

レスポンシブにするにあたって、ブレイクポイントをどうしようかと。
まだこれという標準的なものが無いようですので、自分で適当に決めようかと思い調べてみました。
Androidは概ね同じ値のようですが、iPhoneはばらつきがあるんですね。

デバイス名 実質解像度 (横 x 縦)
iPhone 2G
iPhone 3G
iPhone 3GS
iPhone 4
iPhone 4S
iPod touch 初代
iPod touch 第2世代
iPod touch 第3世代
iPod touch 第4世代
320px × 480px
iPhone 5
iPhone 5C
iPhone 5S
iPod touch 第5世代
320px × 568px
iPhone 6 375px × 667px
iPhone 6 Plus 414px × 736px
iPad
iPad 2
iPad 第3世代
iPad 第4世代
iPad Air
iPad mini
iPad mini Retina
768px × 1,024px

確認用のページを作ってみました。
http://linkgear.jp/test/viewport.html

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です