Loading...
Web制作

iPhone6/plus のスクリーン

2014.10.03 update

こんばんは、中の人です。
またまたiphoneの話題ですが、今回はスクリーンサイズについて。

iphone6
とても大きくなった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のサイズなんかがずらっと並んでいます。
iphone

関連記事

  • 2014.10.03

    iPhone6/plus のスクリーン

  • 2014.09.26

    iOS8 Safariの新技術とブラウザ対応状況について

  • 2014.09.19

    web屋さんにとってのiOS8のSafari8

COLUMNコラム

2014.04.04

レスポンシブなwordpressテーマ

2014.10.10

スターターテーマ「_s」でオリジナルテーマをつくる(1)

2018.07.24

その先のこと!

2014.06.30

WordPressで投稿メニューを増やす(2)

2013.12.06

WordPressを使ったサイト事例

2016.05.11

システムエンジニア S.G

2014.07.04

ぐるなび公式レストラン検索 「WordPressプラグイン」

2016.05.11

無線エンジニアのご紹介 I.S

2018.06.14

Googleカレンダーにイベント登録、ChatWorkへメッセージを送信する方法②

2014.03.07

SEOに強いWordPress テーマ

2016.05.11

Webシステムとは?

2013.11.22

最近良く聞くWordPressってなに?

2014.09.12

iphone6対応は必要か?

2013.12.13

WordPressでよく使うプラグイン4

2016.05.11

無線エンジニアのご紹介 K.N

2014.05.30

WordPressの管理画面のURL変更

2014.10.03

iPhone6/plus のスクリーン

2016.05.11

システムエンジニア M.R

2014.01.17

サイトにひと味加えるWordPress テーマ

2018.07.17

Googleカレンダーにイベント登録、ChatWorkへメッセージを送信する方法③