html - 网页字体大小（厘米）

Question

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

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

显然，无论是在我的 PC 上还是在移动设备上，字体大小都是 1 厘米。在 PC 上它更大（太大而无法阅读）。在移动设备上它更小（太小而无法阅读）。

所以问题是发生了什么？这是因为 PPI 在两台设备上都没有正确设置吗？还是因为cm字体大小在网络/浏览器中不起作用？

标签： htmlcssresponsive-designfont-sizemeasure

Answer 1

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

推荐的

屏幕em, px, %

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

偶然

屏幕前

打印 像素，例如

不建议

Sreen pt, cm, mm, in, pc