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

Question

我需要以cm /英寸为单位设置对象的大小(或者在任何监视器上设置其他值始终相同).我知道用px设置大小的代码,但不是总是相同的值.

Answer 1

理论上,你只需使用cm单位:

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

实际上,您不能自动执行此操作,因为这取决于:

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

这两者都是非常罕见的.

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