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

- リンク: https://torounit.com/blog/ios%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc%e3%81%a7%e8%a6%8b%e3%81%9f%e3%80%81iphone6-iphone6-plus%e3%81%aemedia-queries%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e5%80%a4%e3%81%ab/
- 公開日: 2014-09-12T14:00:56+09:00
- 作成者: Toro\_Unit

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](http://bjango.com/articles/min-device-pixel-ratio/)

[Xcode 6.1のダウンロード](https://developer.apple.com/jp/xcode/downloads/)

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

追記：[iPhone 6 Screens Demystified](http://www.paintcodeapp.com/news/iphone-6-screens-demystified)
こんなサイトもありました。仕事早い。そしてiPhone 6 Plusがエゲつない感じ

追記：9/16日：[週末iPhone 6/6 Plusのスクリーンサイズとかの記事がものすごいシェアされたことに思うこと。これからどうしようか。](https://torounit.com/blog/2014/09/16/1824/)