px ≠像素

所有这些答案似乎都是不正确的。与直觉相反，在CSS px 中不是pixel 。至少不是在简单的物理意义上。

从W3C，EM，PX，PT，CM，IN…阅读本文，了解如何px为CSS发明一个“神奇的”单元。的含义px因硬件和分辨率而异。（该文章是最新的，最新更新为2014-10。）

我自己的思考方式： 1 px is the size of a thin line intended by a designer to be barely visible.

px单位是CSS的魔术单位。它与当前字体无关，也与绝对单位无关。px单位定义为很小但可见，因此可以显示水平的1px宽的线条并带有锐利的边缘（不消除锯齿）。锋利，小巧和可见的东西取决于设备及其使用方式：您是将它紧紧握住自己的眼睛，例如一部手机，以一定的距离握住它，就像一台计算机显示器，还是放在两者之间，例如一本书？因此，px的定义不是固定长度，而是取决于设备类型及其典型用途的东西。

为了了解px的外观，请想象一下1990年代的CRT电脑显示器：它可以显示的最小点约为1/100英寸（0.25毫米）或更多。px单位的名称来自这些屏幕像素。

如今，有些设备原则上可以显示较小的尖点（尽管您可能需要使用放大镜才能看到它们）。但是，无论使用哪种设备，上个世纪在CSS中使用px的文档看起来都一样。尤其是打印机，可以显示清晰的线条，其细节比1px小得多，但是即使在打印机上，1px的线条看起来也与在计算机显示器上的线条非常相似。设备会发生变化，但px始终具有相同的视觉外观。

该文章提供了有关使用ptvs pxvs em来回答此问题的一些指导。