Question

我有一个SVG图像，无论屏幕分辨率，像素密度等如何，我都希望在屏幕上显示15×15cm。

<img src="foo.svg" class="foo">

.foo {
    width: 15cm;
    height: 15cm;
}

这会导致图像在近似 15×15cm呈现，但存在相当多的偏差，特别是在平板电脑设备上（我的iPad在8.3×8.3cm呈现）。

我认为cm测量主要用于打印，但有没有办法在屏幕上可靠地复制它们？

Answer 1

真的没有任何好方法可以做到这一点。虽然设备有时会知道它们的物理屏幕有多大，但它们不会将此信息传达给网页。

如果你考虑一下，大多数时候你都不会想要精确的物理尺寸。有些设备（如手机）靠近您的脸部，因此文字较小。另一方面，如果您的页面显示在电视屏幕上，您希望文本更大，以便您可以从更远的地方阅读。

您可以通过检查移动设备上的用户代理来近距离接触，但这种方法不适用于桌面浏览器，用户代理在这些浏览器中对硬件的了解很少。

Answer 2

那是（尽可能）不可能。

我的显示器是全高清。我的手机也是如此，它具有相同数量的像素，因此我们无法使用它。在那之后，实际上还没有任何东西。

我能想出的最近的解决方案是找到一些具有实际屏幕大小的数据库，并从那里进行扩展。但我怀疑你能为数以千计的屏幕找到这样一个数据库。