移动端各种分辨率匹配

物理像素:物理像素又被称为设备像素,他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。

设备独立像素:设备独立像素也称为密度无关像素,这个概念可能有点抽象,大家可以这么来理解  iPhone6的尺寸是375X667 这就可以理解为设备独立像素

设备像素比(dpr):设备像素比简称为dpr,其定义了物理像素和设备独立像素的对应关系。

设备像素比 = 物理像素 / 设备独立像素
css像素:CSS像素是一个抽像的单位,主要使用在浏览器上,用来精确度量Web页面上的内容。一般情况之下,CSS像素称为与设备无关的像素(device-independent pixel),简称DIPs。在PC上1个CSS像素对应1个物理像素,而在手机Retina屏幕下,1个CSS像素并不等于1物理像素

查看使用rem的解决方案

使用Flexible实现手淘H5页面的终端适配

原文地址:https://www.cnblogs.com/94pm/p/9186854.html