H5移动端适配（1）

分辨率

像素概念：在我们CSS布局中使用的px单位像素是一个相对单位, 我们称之为逻辑像素。手机 显示器 等物理设备上的 像素点 我们称之为 物理像素。所以对应分辨率 我们也会区分出屏幕分辨率(物理)和图像分辨率(逻辑)。

屏幕分辨率

屏幕分辨率是指一个屏幕具体有多少个物理像素点组成。例如：HUAWEI P40 Pro 屏幕分辨率为 2640 x 1200 这表示手机分别在垂直和水平上所具有的像素点数。 iPhone XS Max 和 iPhone SE的分辨率分别为2688 x 1242和1136 x 640。这表示手机分别在垂直和水平上所具有的像素点数。

图像分辨率

图像分辨率是指图片含有的像素数。比如一张图片的分辨率是800*400，这表示图片的垂直和水平上具有的像素点分别是800和400。同一尺寸的图片，分辨率越高图片越清晰。

PPI

PPI(Pixel Per Inch):每英寸包含的像素数。PPI用于描述图片的质量和屏幕的清晰度。PPI越高，则图片质量越高，屏幕越清晰。

DPI

DPI(Dot Per Inch):每英寸包括的点数。这里的点是一个抽象的单位，它可以是屏幕像素点、图片像素点也可以是打印机的墨点。

Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devi