物理像素：物理像素又被称为设备像素，他是显示设备中一个最微小的物理部件。每个像素可以根据操作系统设置自己的颜色和亮度。
设备独立像素：设备独立像素也称为密度无关像素，这个概念可能有点抽象，大家可以这么来理解 iPhone6的尺寸是375X667 这就可以理解为设备独立像素
设备像素比（dpr）:设备像素比简称为dpr，其定义了物理像素和设备独立像素的对应关系。
css像素：CSS像素是一个抽像的单位，主要使用在浏览器上，用来精确度量Web页面上的内容。一般情况之下，CSS像素称为与设备无关的像素(device-independent pixel)，简称DIPs。在PC上1个CSS像素对应1个物理像素，而在手机Retina屏幕下，1个CSS像素并不等于1物理像素
更多专业前端知识，请上【猿2048】www.mk2048.com
来源：https://blog.csdn.net/qq_29069777/article/details/102729200