ptCSS和CSS有什么区别px?我应该使用哪一个,为什么?
pt
px
所有这些答案似乎都不正确。与直觉相反,在 CSSpx 中不是像素 。至少,不是在简单的物理意义上。
阅读来自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.
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 始终具有相同的视觉外观。
px 单位是 CSS 的神奇单位。它与当前字体无关,也与绝对单位无关。px 单位被定义为小但可见,因此可以显示水平 1px 宽的线,边缘锐利(无抗锯齿)。什么是锐利、小巧和可见取决于设备及其使用方式:您是把它放在靠近眼睛的地方,比如手机,还是手臂距离,比如电脑显示器,还是介于两者之间,比如一本书?因此,px 没有定义为恒定长度,而是取决于设备类型及其典型用途。
要了解 px 的外观,请想象一下 1990 年代的 CRT 计算机显示器:它可以显示的最小点约为 1/100 英寸(0.25 毫米)或更多。px 单位得名于这些屏幕像素。
现在有些设备原则上可以显示较小的尖点(尽管您可能需要放大镜才能看到它们)。但是上个世纪在 CSS 中使用 px 的文档看起来还是一样的,不管是什么设备。尤其是打印机,可以显示比 1px 细得多的清晰线条,但即使在打印机上,1px 线条看起来也与在计算机显示器上看起来非常相似。设备发生变化,但 px 始终具有相同的视觉外观。
那篇文章提供了一些关于使用ptvs pxvsem来回答这个问题的指导。
em