Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

iPhoneの画面解像度・アスペクト比一覧表

More than 5 years have passed since last update.

メディアクエリーで指定する際などに困った&いちいち調べるのも飽きたのでまとめ。

iPhone

バージョン 画面解像度 アスペクト比 デバイスピクセル比
iPhone 3 系 320×480 2:3 1
iPhone 4 系 320×480 2:3 2
iPhone 5 系 320×568 40:71 2
iPhone 6 375×667 375/667 2
iPhone 6 plus 414×736 9:16 3

iPad

バージョン 画面解像度 アスペクト比 デバイスピクセル比
iPad 1 768×1024 3:4 1
iPad 2 768×1024 3:4 1
iPad mini 1 768×1024 3:4 1
iPad 3 以降 768×1024 3:4 2

雑感

iPhone 6 plus の登場で、iOS の画面解像度界隈もいよいよカオスな様相を呈してきましたね。ここではスルーしていますが、6 plus は画像の比率が @3× だとか。制作者は泣いていますよ?

その点、iPad シリーズは全て 768×1024 (3:4)。古き良き時代を思い出し、思わず喜びと美しさを感じてしまう数値ですね。この美しい世界が失われないことを願ってやみません。

Android 端末?なにそれおいしいの?

追記(2014-10-08)

  • アスペクト比でメディアクエリーを指定する場合のために、数値を横×縦にした上で iPhone 5 系と iPhone 6 のアスペクト比を正確な数値にしました。
  • ついでに欲が出てデバイスピクセル比も追加。そうしたら iPad 枠も必要になってしまったので追加。
  • max-height とかも一応欲しいかな?などと思ったものの、どんどん項目が増えて収集つかなくなりそうなので、参考リンクを最後に追加。

参考

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away