px在网络字体大小中代表什么

时间:2019-03-30 13:23:01

标签: html css

我正在做一些图形处理(如果相关,请使用Javascript),并且我知道您可以使用ptpx%等来调整字体大小。 px的意思是,每个站点似乎都有一个模糊的答案-字体大小(以像素为单位)。我想知道确切 px代表什么。例如,如果我有20px,则20个像素代表大写字母A的高度,小e,小写字母g或底边之间的差gA的顶部? (我假设它的大小是A,但我只想仔细检查一下。)

此外,px显然与视图大小有关。因此,如果我进行fillRect(1,1,20,20)操作,这是20px大写字母A的大小,还是字体大小在不同设备上独立于图形而改变?

3 个答案:

答案 0 :(得分:2)

  

例如,如果我有20像素,则20像素将代表   大写字母A,小写e,小写字母g或   g的底部和A的顶部?

没有一个。它代表一个称为“ em-square”的抽象对象。然后,在每种字体中将大写字母的高度,字形的宽度以及字形的各种其他度量定义为与em平方成比例。但是通常,您看到的所有度量都不等于1 em-square大小,或者等于20px。

答案 1 :(得分:1)

每个http://www.unitconversion.org/typography/pixels-x-to-centimeters-conversion.html

10个像素是0.264583333 CM。

除此之外,它很大程度上取决于您的字体和屏幕的显示分辨率。

答案 2 :(得分:-2)

您可能只用Google搜索“像素” ...来自Wikipedia

  

“屏幕上显示的图片的最小可控元素”

     

“大约1⁄96英寸(0.26毫米)”