首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >我应该使用pt还是px?

我应该使用pt还是px?
EN

Stack Overflow用户
提问于 2010-08-24 22:03:22
回答 2查看 167.6K关注 0票数 174

在CSS中ptpx有什么不同?我应该使用哪一个?为什么?

EN

回答 2

Stack Overflow用户

发布于 2010-08-24 22:05:30

pt是1/72英寸,对于在不能正确计算DPI的设备上渲染的任何东西来说,pt都是无用的度量。这使得它成为打印的合理选择和在屏幕上使用的糟糕选择。

px是一个像素,在大多数情况下会映射到屏幕像素上。

CSS提供了一堆其他单位,您应该选择哪一个取决于您正在设置的大小。

如果您需要调整某些内容的大小以匹配图像,或者如果您想要一个较细的边框,则像素非常有用。

百分比对于字体大小非常有用,因为如果您始终使用它们,您将获得与用户偏好成比例的字体大小。

当你想让元素根据字体大小调整自己的大小时,Ems是很棒的(所以如果字体大小更大,段落可能会变宽)

…诸若此类。

票数 18
EN

Stack Overflow用户

发布于 2010-08-24 22:26:48

pt是“点”的派生(缩写),历史上用于印刷字体中,其中尺寸通常以“点”来“测量”,其中1点具有大约1/72英寸的测量值,因此72点字体的大小将为1英寸。

编辑:请注意,在一英寸或2.54厘米内大约有72 (72.272)个点。这一点最早是由米兰排字大师弗朗西斯科·托尼埃拉·达·诺瓦拉(约1490 - 1589)在他的1517年字母表L‘’Alfabeto中建立的。(您可以搜索这些文档的各种参考资料)

px是“像素”的缩写,它是屏幕或点阵打印机或其他打印机或设备上的一个简单的“点”,以点的方式呈现-与具有固定大小的、实心打字机的旧打字机相反,旧打字机通过按下色带留下字符的印记,从而留下固定大小的图像。

与point密切相关的是术语“大写”和“小写”,它们在历史上与固定排版字符的选择有关,其中“大写”字符被放置在下面的方框中的非大写字符之上的方框(大小写)中,因此是“小写”字符。

对于不同的排版字体和大小,有不同的框(盒),但仍然是“大写”和“小写”。

另一个术语是" pica“,它是对字体中一个字符的度量,因此pica是1/6英寸或12磅度量单位(12/72)。

严格地说,在计算机上测量的是4.233毫米或0.166英寸,而旧的点(美国)是1/72.27英寸,法国是4.512毫米(0.177英寸)。因此,我关于测量的“近似值”声明。

此外,办公室中使用的打字机具有和"Elite“或"Pica”大小,其中大小分别为每英寸10和12个字符。

此外,“点”,在标准化之前是基于金属排版工人的“脚”的大小,一个字符的基本足迹的大小,并在大小上有所不同。

请注意,排版上的“脚印”最初来自已故打印机的实际脚印。一个排版英尺包含72微卡或864个点。

至于CSS的使用,我更喜欢使用EM而不是pxpt,从而获得了在不损失相对位置和大小的情况下进行扩展的优势。

编辑:为了完整起见,您可以将EM (em)视为一个字体高度的度量元素,因此对于12pt字体,1em将是该字体的高度,而2em将是该高度的两倍。请注意,对于12px字体,2em是24像素。因此,10px通常是标准字体的0.63em,因为“大多数”浏览器基于16px = 1em作为标准字体大小。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3557260

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档