移动Web开发笔记
2023 javascript一直以来没做过真正的移动端开发,记录一下偶尔遇到的东西
部分概念
物理分辨率:物理分辨率以 pixel(px)为单位,是指屏幕的实际大小,也是设计师在设计界面时使用的单位。
逻辑分辨率:逻辑分辨率以 point(pt)为单位,ios 系统绘制图形时使用的分辨率单位。
scale factor(缩放因子):因为逻辑分辨率和物理分辨率存在着一定的比例关系,这种比例的关系称为缩放因子。其对应关系为:1 px / 1 pt = scale ,也就是我们常说的 @1x、@2x、@3x。
像素密度(PPI):像素密度 PPI(Pixel Per Inch)是指每英寸上容纳的像素数量,PPI 的数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的 PPI 越高,画面显示就越细腻。
iPhone
iPhone 的屏幕尺寸以及分辨率
设备 | 屏幕尺寸 | 逻辑分辨率(Point) | 缩放因子(Scale Factor) | 像素分辨率(Pixel) |
---|---|---|---|---|
SE | 4.0 | 375 x 667 | @2x | 750 x 1334 |
XR | 6.1 | 414 x 896 | @2x | 828 x 1792 |
11 Pro | 5.8 | 375 x 812 | @3x | 1125 x 2436 |
12/13/14 Pro | 6.1 | 390 x 844 | @3x | 1170 x 2532 |
12/13 Max | 6.7 | 428 x 926 | @3x | 1284 x 2278 |