レスポンシブにするにあたって、ブレイクポイントをどうしようかと。
まだこれという標準的なものが無いようですので、自分で適当に決めようかと思い調べてみました。
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 |
確認用のページを作ってみました。
https://linkgear.jp/test/viewport.html
コメント