スマホ・タブレット解像度一覧

主な機種のスマホとタブレットの画面サイズです。

iPhone/iPadの解像度

端末サイズ(inch)解像度
iPhone 5・5s・SE4640 x 1136
iPhone 6・6s・7・84.7750 x 1334
iPhone [6・6s・7・8] Plus5.51080 x 1920
iPhone X・XS5.81125 x 2436
iPhone XR6.1828 x 1792
iPhone XS Max6.51242 x 2688
iPad mini7.9768 x 1024
iPad mini2・3・41536 x 2048
iPad・29.7768 x 1024
iPad 3・4・Air・2・Pro(9.7)1536 x 2048
iPad Pro(10.5)10.51668 x 2224
iPad Pro(12.9)12.92048 x 2732

Androidの解像度

端末サイズ(inch)解像度
Google Pixel 35.51080 x 2160
6.31440 x 2960
XPERIA4.6720 x 1280
5/5.21080 x 1920
5.52160 x 3840(4K)
XPERIA Tablet10.11200 x 1920
Galaxy S4.8720 x 1280
Galaxy Note 35.71080 x 1920
Galaxy S4/S55/5.11080 x 1920
Galaxy S6/S75.1/5.51440 x 2560
Galaxy S8/S95.8/6.21440 x 2960
Galaxy Note8/96.3/6.41440 x 2960
Huawei P205.81080 x 2244
Huawei P20 Lite5.81080 x 2280
Huawei MediaPad10.11200 x 1920
HTC51080 x 1920
5.51440 x 2560
AQUOS5.31440 x 2560
61440 x 3040
ZenFone5.2/5.51080 x 1920
6.21080 x 2246
ZenPad10.1800 x 1280

Webページのレスポンシブデザインを考慮するときは各解像度のメディアクエリはこれくらい用意するかんじでしょうか。

@media screen and (max-width: 1250px)
@media screen and (max-width: 1080px)
@media screen and (max-width: 768px)
@media screen and (max-width: 480px)

480pxは古い端末用として、上位3つくらいに分けて設定すればいいように思います。