css中px如何理解

px像素(CSS像素)

1、px是pixel的缩写，是像素单位，也是影像显示的基本单位。

2、px是CSS中相对长度的单位，相对于屏幕显示器的分辨率而言的。

CSS像素(CSSPixel)：

又称虚拟像素、设备独立像素或逻辑像素，也可理解为直觉像素。CSS像素是Web编程的概念，是指CSS样式代码中使用的逻辑像素。例如，iPhone6的CSS像素数为375x667px。

虚拟像素可以理解为直觉像素，CSS和JS使用的抽象单位，浏览器中的所有长度都是基于CSS像素，CSS像素的单位是px。

长度单位可分为绝对(absolute)单位和相对(relative)单位两类。px是设备像素(devicepixel)的相对单位。

对于相同的设备，每个CSS像素所代表的物理像素都是可以改变的(即CSS像素的第一方面的相对性)；

每个CSS像素所代表的物理像素在不同的设备之间是可以改变的(即CSS像素的第二个相对性)；

px实际上是pixel(像素)的缩写，它是图像显示的基本单元，既不是一定的物理量，也不是一个点或一个小方块，而是一个抽象的概念。因此在谈论像素时一定要清楚它的上下文！