如何在实际单位中设置尺寸，如cm或mm？

Question

我正在尝试制作一个img，达到一定的高度，以毫米为单位。

显然， CSS规则 height: 10mm;不会这样做，会转换为height:37.8px ，根据这个链接：http://css-tricks.com/the-lengths-of-css/

那么无论访问者使用什么设备，如何将高度设置为真实生活单位？

P.S。

如果使用纯CSS无法完成，jQuery或任何其他解决方案都可以。

请告诉我一个方法。

感谢您的帮助！

P.S。 2：

如果问题不明确，我尝试的是：

响应式CSS，媒体查询等不起作用。看到这个页面： http://webtasarimveprogramlama.com/cetvel/alternatif-1/

使用此页面模拟移动设备： http://www.brickandmobile.com/mobile-emulator/

虽然它被标记为响应式设计，但我认为它类似于反应式设计：）

Answer 1

根据这个问题的答案：Pixel to MM equation?

您可以通过获取mm尺寸的div大小来尝试计算mm到px或反之。

$ export LANG=en_US.UTF-8

然后

<div id="mm" style="height:1mm;display:none"></div>

希望它有所帮助。

<强>编辑：

所以，我刚才意识到你问过如何分配毫米。如果使用jQuery，则可以使用var pxPerMM = $('#mm').height(); 函数进行分配。 例： https://jsfiddle.net/yusrilmaulidanraji/Lyzr2ju1/

css()

$("#millimeter-size").css("height","50mm");
$("#millimeter-size").css("width","50mm");

#millimeter-size{
  border: 1px solid black;
  
}