スクリーンの横幅 (解像度)

iPhone などのスマートフォン、iPad などのタブレット、PC モニターのメジャーなスクリーンサイズの横幅 (width) 一覧です。

320 (640)
iPhone 3G(S), iPhone 4(S), iPhone5(S)
375 (750)
iPhone 6
480 (960)
iPhone 3G(S) 横向き, iPhone 4(S) 横向き
540 (1080)
iPhone 6 Plus
568 (1136)
iPhone 5(S) 横向き
600
Nexus 7 2013
640
VGA
667 (1334)
iPhone 6 横向き
768 (1536)
iPad, iPad 2, iPad Air, iPad mini
800
SVGA
960 (1920)
iPhone 6 Plus 横向き, Nexus 7 2013 横向き
1024 (2048)
iPad 横向き, iPad 2 横向き, iPad Air 横向き, iPad mini 横向き, XGA
1366
HD (FWXGA)
1600
UXGA
1920
FHD (Full HD)
3840
4K (Quad Full HD)

Apple のウェブサイト

Apple のウェブサイトでは、主に次のように指定して Media Query を利用しています。

@media only screen and (max-width: 413px)
@media only screen and (max-width: 539px)
@media only screen and (max-device-width: 680px)
@media only screen and (max-width: 767px)
@media only screen and (max-width: 1023px)
@media only screen and (min-width: 1441px)

作成者: コネタねこ

上から読んでも『コネタねこ』、下から読んでも『コネタねこ』。贈り物に悩んだら、コネタねこの小ネタ帳。欲しくなっちゃうプレゼント、そんなアイデアのぞきにきてね♪

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です