像素是个相对尺寸。例如同样5寸的手机，分辨率是不同的。
PC端上，屏幕的的像素数是固定的了。 调整分辨率只是把有效的像素数改变了。 屏幕会通过一定的算法，把无效的像素点填上。
参考文章： （全解析）屏幕尺寸，分辨率，像素，PPI之间到底什么关系？
上面提出的像素是物理像素，CSS像素是另外一个概念，普通PC上两者是相同的。由于手机中引入了高清屏，才使得CSS像素和物理像素不一致，有了个设备像素比(device pixel ratio )的概念：
设备像素比 = 物理像素 / 设备独立像素 // 在某一方向上，x方向或者y方向
参考文章：
CSS Pixel与绝对像素
前端工程师需要明白的「像素」
设备像素(物理像素)和CSS像素(逻辑像素) 设备像素 设备像素指的就是设备常说的分辨率。如iPhone6分辨率为...
像素单位 像素单位有设备像素、逻辑像素和CSS像素3种。 设备像素（device pixels）、设备分辨率 设备...
关于像素 布局使用的px是css像素，不指设备像素。 关于屏幕分辨率(设备像素) 设备分辨率和清晰度有关系。 关于...
Window.devicePixelRatio概述 此属性返回当前显示设备的物理像素分辨率与CSS像素分辨率的比值...
物理像素、逻辑像素与CSS像素 物理像素：屏幕能用于显示的最小物理硬件单元，在windows显示设置中的推荐分辨率...
像素是个相对尺寸。例如同样5寸的手机，分辨率是不同的。PC端上，屏幕的的像素数是固定的了。 调整分辨率只是把有效的...
设备像素和css像素 web前端领域，像素分为设备像素和CSS像素 在缩放比例为1:1的时候一个CSS像素的大小等...
像素和布局 像素 设备像素：设备屏幕的物理像素。固定 css像素：web开发时书写在css中的像素。随缩放可变 视...
关于一些基本概念如设备像素，css像素，参考 移动端适配方案(上) CSS像素、物理像素、逻辑像素、设备像素比、P...
物理像素 每台手机介绍里的分辨率即为物理像素如:iphone X的分辨率 2436*1125在浏览器中获取物理像素...
本文标题：分辨率、像素、CSS像素
本文链接：https://www.haomeiwen.com/subject/qmsdmttx.html
网友评论