Web字体大小(厘米)

时间:2019-01-14 21:45:24

标签: html css responsive-design font-size measure

对于我的网站,只要设置了显示PPI(每英寸像素)设置,我想以cm(厘米)设置字体大小,以便可以独立于屏幕大小和分辨率读取字体。在操作系统中正确。 所以我在html中尝试了这个:

<p style="font-size:1cm">Some text</p>

显然,无论是在我的PC上还是在移动设备上,字体大小均为1厘米。在PC上,它更大(太大而无法读取)。在移动设备上,它较小(太小而无法读取)。

所以问题是怎么回事?这是因为两个设备上的PPI设置都不正确吗?还是因为cm字体大小在Web /浏览器中不起作用?

2 个答案:

答案 0 :(得分:1)

这是因为cm用于打印,而不用于显示在屏幕中。 font-size:1cm仅在非常大的分辨率下才会接近屏幕上的确切大小。

推荐

压缩 em,px,%

打印 em,cm,mm,in,pt,pc,%

偶尔

Sreen ex

打印像素,例如

不推荐

丝网 pt,cm,mm,英寸,pc

答案 1 :(得分:0)

  

绝对长度单位是固定的,长度用任何这些单位表示   将完全按照该尺寸显示。

     

不建议在屏幕上使用绝对长度单位,因为   屏幕尺寸差异很大。但是,如果输出   介质是已知的,例如用于印刷版图。

https://www.w3schools.com/cssref/css_units.asp