分辨率、像素、CSS像素

像素是个相对尺寸。例如同样5寸的手机，分辨率是不同的。
PC端上，屏幕的的像素数是固定的了。 调整分辨率只是把有效的像素数改变了。 屏幕会通过一定的算法，把无效的像素点填上。

参考文章： （全解析）屏幕尺寸，分辨率，像素，PPI之间到底什么关系？

上面提出的像素是物理像素，CSS像素是另外一个概念，普通PC上两者是相同的。由于手机中引入了高清屏，才使得CSS像素和物理像素不一致，有了个设备像素比(device pixel ratio )的概念：

设备像素比 = 物理像素 / 设备独立像素 // 在某一方向上，x方向或者y方向

参考文章：
CSS Pixel与绝对像素
前端工程师需要明白的「像素」