Xcode 6.1 betaのiOSシミュレーターにiPhone6とiPhone6 Plusが居たので、早速調べてみました。
viewportにwidth=device-widthを指定したときの値です。
追記:縦向き横向きのサイズも追加しました。
iPhone 6
- device-pixel-ratio: 2.0
縦向き
- device-width: 375px
- device-height: 559px
横向き
- device-width: 667px
- device-height: 375px
iPhone 6 Plus
- device-pixel-ratio: 3.0
縦向き
- device-width: 414px
- device-height: 628px
横向き
- device-width: 736px
- device-height: 414px
レスポンシブなコーディングや設計大事ですね。device-pixel-ratioが3.0なデバイスはXperia Zとか、他にもちょこちょこあるようです。
Device pixel density tests
可能な限りSVG等で対処していきたいですね。
追記:iPhone 6 Screens Demystifiedこんなサイトもありました。仕事早い。そしてiPhone 6 Plusがエゲつない感じ
追記:9/16日:週末iPhone 6/6 Plusのスクリーンサイズとかの記事がものすごいシェアされたことに思うこと。これからどうしようか。