如何使用JavaScript以cm为单位设置对象的大小

Question

我需要以cm /英寸（或任何显示器上始终相同的其他值）设置对象的大小。我知道用px设置大小的代码，但不知道总是相同的值。

Answer 1

理论上，您只需使用the cm unit：

{
    width: 15cm;
    height: 10cm;
}

实际上，您无法自动执行此操作，因为这取决于：

• 计算机正在为显示器正确校准，因此它知道显示器的DPI对于输出的分辨率是什么
• 浏览器根据系统DPI而不是自己的假设来计算像素大小

这两个都是非常罕见的。

---

解决方法是显示具有已知像素大小的图像，并要求用户在其显示屏上进行测量。然后，您可以根据该无线电计算所有长度，并使用JavaScript设置所有宽度，高度等。这将是大多数用户愿意为大多数项目努力的更多努力。

Answer 2

与David Dorward相同的答案。

另一种解决方案是根据需要使用AJAX生成想要显示的图像，然后显示它。但同样，如果用户是120％的缩放设置（就像我的父母一样），你的图像将被拉伸。

为什么要使用厘米/英寸指定尺寸？