2017年9月最新スマホ解像度とDPR、CSSサイズ(window.innerWidth)、縦横比一覧

最新スマホとタブレットのCSSサイズ一覧

最終更新日:2017年9月28日

iPhoneⅩをはじめ、最新スマホの解像度DPR(デバイスピクセル比)window.innerWidth縦横比一覧です。
WEB制作では「解像度」はあまり重要ではなく、CSSのサイズが重要です。
iPhoneⅩの縦サイズが800pxを越えました。
端末を横向きにしたときは、タブレットやPC並の横幅に近づいています。
一方狭い方はiPhone7と変わらないので、横向きにしたときに視認可能な縦幅はかなり小さくなったといえます。
レスポンシブのブレイクポイントの見直しも必要かもしれません。

「DPR」は「device pixel ratio」、つまりデバイスピクセル比のことです。
iPhoneⅩはsuper retinaと言いながらも、DPRは3のまま。
GalaxyやLGはDPR:4が標準となりつつあります。
今までスマホサイトのデザインは、RetinaのDPR:2にあわせて640pxで作ることが多かったですが、もう640pxでは小さいかもしれません。
ハイエンド端末で画像がぼやけてしまわないかどかの確認も必要でしょう。

スマホ

機種名解像度CSSDPR縦横比
iPhone X 1125 2436 375 812 3 19.5:9
iPhone 6+ 6s+ 7+ 8+ 1080 1920 414 736 2.6 16:9
iPhone 7 8 750 1334 375 667 2 16:9
iPhone 6 6s 750 1334 375 667 2 16:9
iPhone 5 640 1136 320 568 2 16:9
iPhone 4 640 960 320 480 2 3:2
LG G6 1440 2880 18:9
LG G5 1440 2560 360 640 4 16:9
LG G4 1440 2560 360 640 4 16:9
LG G3 1440 2560 360 640 4 16:9
LG Optimus G 768 1280 384 640 2 5:3
Galaxy S8+ 1440 2960 360 740 4 18.5:9
Galaxy S8 1440 2960 360 740 4 18.5:9
Galaxy S7 S7edge 1440 2560 360 640 4 16:9
Galaxy S6 1440 2560 360 640 4 16:9
Galaxy S5 1080 1920 360 640 3 16:9
Galaxy S4 1080 1920 360 640 3 16:9
Galaxy S4 mini 540 960 360 640 1.5 16:9
Galaxy S3 720 1280 360 640 2 16:9
Galaxy Nexus 720 1200 360 600 2 5:3
Galaxy Note 8 1440 2960 360 740 4 18.5:9
Galaxy Note 4 1440 2560 360 640 4 16:9
Galaxy Note 3 1080 1920 360 640 3 16:9
Galaxy Note 2 720 1280 360 640 2 16:9
Galaxy Note 800 1280 400 640 2 14.4:9
LG Nexus 5 1080 1920 360 640 3 16:9
LG Nexus 4 768 1280 384 640 2 5:3
Lumia 1520 1080 1920 432 768 2.5 16:9
Lumia 1020 768 1280 320 480 2.4 5:3
Lumia 925 768 1280 320 480 2.4 5:3
Lumia 920 768 1280 320 480 2.4 5:3
Lumia 900 480 800 320 480 1.5 5:3
Lumia 830 720 1280 320 480 2 16:9
Nexus 6 1440 2560 412 690 3.5 16:9
HTC One 1080 1920 360 640 3 16:9
HTC 8X 720 1280 320 480 3 16:9
Xperia Z3 1080 1920 360 598 3 16:9
Xperia Z 1080 1920 360 640 3 16:9
Xperia S 720 1280 360 640 2 16:9
Xperia P 540 960 360 640 1.5 16:9

タブレット

機種名解像度CSSDPR縦横比
Apple iPad Pro204827321024136624:3
Apple iPad Pro 9.7 1536 2048 768 1024 2 4:3
Apple iPad 3 4 Air Air2 1536 2048 768 1024 2 4:3
Apple iPad 1 2 768 1024 768 1024 1 4:3
Apple iPad mini 2 3 4 1536 2048 768 1024 2 4:3
Apple iPad mini 768 1024 768 1024 1 4:3
Samsung Galaxy Tab 3 10" 800 1280 800 1280 1 14.4:9
Samsung Galaxy Tab 2 10" 800 1280 800 1280 1 14.4:9
Samsung Galaxy Tab (8.9") 800 1280 800 1280 1 14.4:9
Samsung Galaxy Tab 2 (7") 600 1024 600 1024 1 15.4:9
Samsung Nexus 10 1600 2560 800 1280 2 14.4:9
HTC Nexus 9 1538 2048 768 1024 2 4:3
Asus Nexus 7 (v2) 1080 1920 600 960 2 16:9
Asus Nexus 7 (v1) 800 1280 604 966 1.325 14.4:9
LG G Pad 8.3 1200 1920 600 960 2 14.4:9
Amazon Kindle Fire HD 8.9 1200 1920 800 1280 1.5 14.4:9
Amazon Kindle Fire HD 7 800 1280 480 800 1.5 14.4:9
Microsoft Surface Pro 3 1440 2160 1024 1440 1.5 / 1.4 3:2
Microsoft Surface Pro 2 1080 1920 720 1280 1.5 16:9

コメント(0)

  • ※コメント確認画面はありません。
  • ※コメント投稿後は再読み込みをしてください。
CLOSE ×