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 |