手机逻辑分辨率Point,也就是CSS像素,是进行网页适配的关键,以下是平时整理的一些备忘录数据,可以收藏。

 

屏幕清晰度分类

  • SD标清
  • HD高清(2倍屏)
  • FHD全高清(3倍屏)
  • QHD倍高清(4倍屏)
  • UHD超高清(6倍屏)

 

屏幕长宽比分类

  • 宽边屏(3:2屏幕)
  • 窄边屏(16:9屏幕)
  • 全面屏(18/19/19.5/20…:9屏幕)
  • 折叠屏(8:7.1屏幕)

 

移动分辨率占比(Statcounter2021-03)

  • 360×640:11.75%
  • 414×896:7.91%
  • 375×667:6.26%
  • 360×780:6.06%
  • 360×760:5.17%
  • 375×812:5.11%

 

iPhone机型分类表

iPhone机型 逻辑像素Point 物理像素Pixel 倍率Scale Factor 长宽比比例 PPI
3GS 320 x 480 320 x 480 @1x 3:2 163
4/4s 320 x 480 640 x 960 @2x 3:2 326
5/5S/5C/SE 320 x 568 640 x 1136 @2x 16:9 326
6/6S/7/8/SE 2 375 x 667 750 x 1334 @2x 16:9 326
6+/6S+/7+/8+ 414 x 736

1080 x 1920

(1242 x 2208)

@3x

(实际为2.6倍)

16:9 401
X/XS/11 Pro 375 x 812 1125 x 2436 @3x 19.5:9 458
XR/11 414 x 896 828 x 1792 @2x 19.5:9 326
XS Max/11 Pro Max 414 x 896  1242 x 2688 @3x 19.5:9 458
12 Mini/13 Mini 360 x 780 1080 x 2340  @3x 19.5:9 476
12/12 Pro/13/13 Pro 390 x 844 1170 x 2532 @3x 19.5:9 460
12 Pro Max/13 Pro Max 428 x 926 1284 x 2778 @3x 19.5:9 458 

 

Android机型分类表

Android代表机型 逻辑像素Point 物理像素Pixel 倍率Scale Factor 长宽比比例 PPI
荣耀畅玩 5 360 x 640 720 x 1280 @2x 16:9 294
OPPO A5  360 x 760 720 x 1520 @2x 19:9 271
小米MIX 2 360 x 720 1080 x 2160 @3x 18:9 403
红米Note 7 360 x 780 1080 x 2340 @3x 19.5:9 409
Vivo S9 360 x 800 1080 x 2400  @3x 20:9 408
华为Mate X2 733 x 827 2200 x 2480 @3x 8:7.1 413
华为Mate 20 Pro 360 x 780 1440 x 3120 @4x 19.5:9 538
三星Galaxy S21 Ultra 360 x 800 1440 x 3200 @4x 20:9 515

版权声明:本文为windfic原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/windfic/p/14523276.html