一尘不染

HTML / CSS中的像素与点数

css

创建HTML页面时,是否应margin在CSS中用像素或点指定s之类的东西?

他们中的一个被认为比另一个更好吗?两者都有什么优点或缺点?


阅读 709

收藏
2020-05-16

共1个答案

一尘不染

使用pxem

  • CSS字体大小:EMVS。PXVS。PTVS。百分

点数(pt):
传统上在打印介质(任何要在纸上打印的东西等)中使用点数。1点等于1/72英寸。点与像素非常相似,因为它们是固定大小的单位,无法缩放。

通常, 1em = 12pt = 16px = 100%。

[结论]

获胜者: 百分比(%)。

  • JohnB注意: 这是针对 TEXT的。显然您问过“诸如利润之类的东西”。(我也假设您的意思是padding。)为此,我建议pxem。我个人会根据具体情况进行切换。

更多文章

  • px – em –%– pt –关键字

点值仅适用于印刷CSS!

(评论进一步)

点是打印? 不。

积分并非专门用于打印。从理论上讲,点用于定义绝对度量。像素不是绝对的,因为取决于您的屏幕和所选的分辨率(不是分辨率),分辨率(每英寸的像素)可以从很大(150dpi)到很小(75dpi)。这意味着您的像素可以是一个尺寸,也可以是该尺寸的一半。这意味着您设计为在屏幕上清晰易读的文本在客户的屏幕上看起来可能太大(“请缩小文本,确定吗?”),或者在邻居的屏幕上看起来太小而无法阅读(“嘿,您的网站告诉我另一天的事吗?您说过的那一天……好吧,我读的文字不太好,太小了”)。

积分是解决此问题的方法。但是浏览器和操作系统需要对其进行管理。基本上,这意味着:

浏览器必须使用给定值(例如10pt)和屏幕的实际分辨率来计算以像素为单位的显示大小;操作系统必须传达实际的当前分辨率,而不是默认值。

也:

  • CSS:比较字体大小,百分比,Em,磅和像素
2020-05-16