Web制作
iPhone6/plus のスクリーン
2014.10.03 update
こんばんは、中の人です。
またまたiphoneの話題ですが、今回はスクリーンサイズについて。
とても大きくなったiPhone 6 Plusはどのぐらいのサイズなのでしょうか。
では早速
レンダリングピクセル
- iPhone5s : 1136 × 640
- iPhone6 : 1334 × 750
- iPhone6 Plus : 1920 × 1080
Web画面のサイズ
- iPhone5s : 320 × 480px
- iPhone6 : 375 × 667px
- iPhone6 Plus : 414 × 738px
解像度
- iPhone5s : 326ppi
- iPhone6 : 326ppi
- iPhone Plus : 6401ppi
上記をふまえると、iPhone6 Plusを考慮するのであれば、414px以下をスマートフォン版として考えるしかないですね。
レスポンシブに対応したwebにするとなると、メディアクエリーとしては500pxくらいまではスマートフォンとして考えておいてほうが良いかもしれません。
参考にしたのはこちら、歴代のiPhoneのサイズなんかがずらっと並んでいます。
