分辨率，像素，css的长度单位

一.像素

1. 设备像素：设备的物理像素
2. 逻辑像素: css的单位

设备像素是固定的

二.分辨率

设备分辨率 = 设备的屏幕长度像素 * 设备的屏幕宽度像素

所以在相同大小的显示屏下，分辨率越高，表示同样屏幕下展示的点位越多，屏幕看上去也就越清晰。

通常我们所说的显示器分辨率，其实是指桌面设定的分辨率，而不是显示器的物理分辨率。只不过现在液晶显示器成为主流，由于液晶的显示原理与 CRT（阴极射线显像管）不同，只有在桌面分辨率与物理分辨率一致的情况下，显示效果最佳，所以现在我们的桌面分辨率几乎总是与显示器的物理分辨率一致了。

三.css的长度单位

通过window.devicePixelRatio可以查看设备像素与css像素之间的比例。 我们常说的px，属于相对单位，也就是相对于桌面分辨率而言的单位。