之前对CSS像素、物理像素、逻辑像素、设备像素比一直处于懵懵懂懂的状态,今天自己决定整理一下。
1.css像素
css是一个不确定的物理像素,它是根据它所在的机型设备而决定的。
2.逻辑像素
设备独立像素也叫做逻辑像素,与css像素一样是一种虚拟的像素,它是操作系统定义的一种像素单位,应用程序将设备独立设备告诉操作系统,操作系统再将独立设备像素转为设备像素。
3.设备像素
显示屏是由无数个物理像素点组成的,通过控制每个像素点的颜色,从而可以在屏幕上显示不同的图案,设备像素是固定不变的。
设备像素与CSS像素之间的关系
设备像素比 = 设备像素/CSS像素