小编典典

我应该使用pt还是px?

all

ptCSS和CSS有什么区别px?我应该使用哪一个,为什么?


阅读 113

收藏
2022-07-31

共1个答案

小编典典

px≥ 像素

所有这些答案似乎都不正确。与直觉相反,在 CSSpx 中不是像素 。至少,不是在简单的物理意义上。

阅读来自W3CEM、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 pxvsem来回答这个问题的指导。

2022-07-31