ペコネット

ページの先頭へ
ページの先頭へ
ホーム > ページの制作(ディスプレイ) > cssピクセル、dp解像度

iOSデバイスのCSSピクセル、Androidデバイスのdp解像度

メディアクエリなどのために必要なCSSピクセルなどについて、Web(HTML/CSS)ではモバイル機器などの画面描画を論理的な画面解像度で行っており、その概観。

※物理的な画面解像度(デバイスピクセル)早見表はこちら

iOS端末のCSSピクセル

iPhoneのCSSピクセルサイズ(csspx)

デバイス 縦(高さ)
iPhone 5 / 5s / 5c /SE 320 568
iPhone 6 / 6s / 7 /8 375 667
iPhone [6 /6s /7 /8 ] Plus 414 736
iPhone X / XS / 11Pro 390 844
iPhone 12 / 13 [12 / 13] Pro 390 844

iPadのCSSピクセルサイズ(csspx)

デバイス 縦(高さ)
iPad 1/2/3/4/5/6 768 1024
iPad 7/8/9 810 1080

Android端末のdpサイズ

Androidモバイル端末のdpサイズ(dp)

デバイス 縦(高さ)
Sサイズ 320 533
Mサイズ 360 640
Lサイズ 480 853
Pixel 4 411 869
Pixel 2 411 731
Nexus 5 360 640

Androidタブレット端末のdpサイズ(dp)

デバイス 縦(高さ)
Sサイズ 600 960
Mサイズ 768 1024
Lサイズ 800 1280
Kindle Fire HDX 800 1280