看代码： ...

最近看了很多这方面的文章，能搜到的基本看了个遍，但感觉还是似懂非懂，知道这个东西，很难说出这是个什么东西，先整理一些概念，慢慢消化，以后慢慢探索其中的原因。 1、PX(CSS pixels) 1.1 定义 虚拟像素，可以理解为“直觉”像素，CSS和JS使用的抽象单位，浏览器内的一切长度 ...

个人理解像素就是一个个可视的点，什么物理像素，虚拟像素。。。 还有下面讨论css像素的时候，主要关心的是边长而不是数量组成的面积 当可视点达到一定密度后就看不出来了格子效果，变成平滑过渡，而这个密度就是ppi。 屏幕尺寸说的是斜边，那么密度 ...

设备像素、css像素、dpr、ppi 设备像素指的是物理像素，一般手机的分辨率指的就是设备像素，一个设备的设备像素是不可变的。 css 像素和设备独立像素是等价的，不管在何种分辨率的设备上，css 像素的大小应该是一致的，css 像素是一个相对单位，它是相对于设备像素的，一个css 像素的大小 ...

CSS像素、设备独立像素、设备像素，三者联系紧密又有很大的区别，而我们主要是在做移动端开发的时候需要更多地用到这些概念，那他们分别是指什么呢？ 概念 CSS像素（CSS Pixel）：适用于web编程，指的是我们在样式代码中使用到的逻辑像素，是一个抽象概念，实际并不存在 设备独立像素 ...

设备像素dp(device pixels) ppi(pixels per inch)表示每英寸所拥有的像素(pixel)数目，数值越高，代表屏幕能以更高的密度显示图像。 计算公式：ppi=像素数量/物理尺寸（英寸数） ppi就是设备像素dp(device pixels)的单位。 举例： 一个 ...

一 物理像素(physical pixel)： 物理像素又被称为设备像素（dp），他是显示设备中一个最微小的物理部件。一个设备的物理像素是固定不变的。每个像素可以根据操作系统设置自己的颜色和亮度。所谓的一倍屏、二倍屏(Retina)、三倍屏，指的是设备以多少物理像素来显示一个CSS像素，也就是说 ...

一篇文章搞懂CSS像素、物理像素、逻辑像素、设备像素比 ...