像素是个相对尺寸。例如同样5寸的手机,分辨率是不同的。
PC端上,屏幕的的像素数是固定的了。 调整分辨率只是把有效的像素数改变了。 屏幕会通过一定的算法,把无效的像素点填上。
参考文章: (全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系?
上面提出的像素是物理像素,CSS像素是另外一个概念,普通PC上两者是相同的。由于手机中引入了高清屏,才使得CSS像素和物理像素不一致,有了个设备像素比(device pixel ratio )的概念:
设备像素比 = 物理像素 / 设备独立像素 // 在某一方向上,x方向或者y方向
参考文章:
CSS Pixel与绝对像素
前端工程师需要明白的「像素」