如何理解CSS中的绝对长度？

Question

如某些书籍所述，let string = 'pineapple and black bean curry', result = string.split(/\s+/).map(({length}) => length); console.log(result)是css单位之一，其绝对长度且与屏幕尺寸无关。

因此，如果我在元素上设置cm，那么我认为使用哪个浏览器或设备都没关系。

例如，我将font-size设置为1cm，但是物理长度的结果在Chrome和FireFox中似乎有所不同。

我认为他们两个都有相同的长度。为什么不是呢？

Answer 1

浏览器无法分辨屏幕的物理尺寸是多少，因此对于在屏幕上进行渲染，他们将绝对单位与参考像素相关联。这是留给浏览器的实现细节，正如您所观察到的那样。

在具有已知物理输出（例如在特定纸张尺寸上打印）的环境中工作时，请保存绝对单位。 （当您在WWW上工作时，这几乎永远不会发生。）