MARKLEAPS[マークリープス]

TECH BLOG

マークリープス技術ブログ

open

iPhone・iPad 解像度早見表

レスポンシブ表示を確認する時用に、iPhone・iPadの解像度を一覧にまとめました。

iPhone

端末 サイズ(インチ) CSSピクセル デバイスピクセル
iPhone 5
iPhone 5s
iPhone 5c
iPhone SE
4 320 x 568 640 x 1,136
iPhone 6
iPhone 6s
iPhone 7
iPhone 8
iPhone SE(第2世代)
iPhone SE(第3世代)
4.7 375 x 667 750 x 1,334
iPhone 12 mini
iPhone 13 mini
5.4 375 x 812 1,080 x 2,340
iPhone 6 Plus
iPhone 6s Plus
iPhone 7 Plus
iPhone 8 Plus
5.5 414 x 736 1,080 x 1,920
iPhone X
iPhone XS
iPhone 11 Pro
5.8 375 x 812 1,125 x 2,436
iPhone XR
iPhone 11
6.1 414 x 896 828 x 1,792
iPhone 12
iPhone 12 Pro
iPhone 13
iPhone 13 Pro
iPhone 14
6.1 390 x 844 1,170 x 2,532
iPhone 15
iPhone 14 Pro
iPhone 15 Pro
6.1 393 x 852 1,179 x 2,556
iPhone 11 Pro Max
iPhone XS Max
6.5 414 x 896 1,242 x 2,688
iPhone 12 Pro Max
iPhone 13 Pro Max
iPhone 14 Plus
6.7 428 x 926 1,284 x 2,778
iPhone 15 Plus
iPhone 14 Pro Max
iPhone 15 Pro Max
6.7 430 x 932 1,290 x 2,796

iPad

端末 サイズ(インチ) CSSピクセル デバイスピクセル
iPad mini 7.9 768 x 1,024 768 x 1,024
iPad mini 2
iPad mini 3
iPad mini 4
iPad mini 5
7.9 768 x 1,024 1,536 x 2,048
iPad mini 6 8.3 744 x 1,133 1,488 x 2,266
iPad
iPad 2
9.7 768 x 1,024 768 x 1,024
iPad 3~6
iPad Air
iPad Air 2
iPad Pro 9.7
9.7 768 x 1,024 1,536 x 2,048
iPad 7~9 10.2 810 x 1,080 1,620 x 2,160
iPad Air 3
iPad Pro 10.5
10.5 834 x 1,112 1,668 x 2,224
iPad 10
iPad Air 4~5
10.9 820 x 1,180 1,640 x 2,360
iPad Pro 11 11.0 834 x 1,194 1,668 x 2,388
iPad Pro12.9 12.9 1,024 x 1,366 2,048 x 2,732

PC版のGoogleChromeでスマホ表示を確認する方法はこちら

よく読まれている関連記事

関連最新記事