分辨率、像素、CSS像素

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

参考文章: (全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系?

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容