iOSシミュレーターで見た、iPhone 6 / iPhone 6 PlusのMedia Queriesに関する値について。

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

Xcode 6.1のダウンロード

可能な限りSVG等で対処していきたいですね。

追記:iPhone 6 Screens Demystifiedこんなサイトもありました。仕事早い。そしてiPhone 6 Plusがエゲつない感じ

追記:9/16日:週末iPhone 6/6 Plusのスクリーンサイズとかの記事がものすごいシェアされたことに思うこと。これからどうしようか。