Javascript 使用CSS以实际大小显示图像

我想以实际大小（真实世界大小）显示图像。我用

mm

unit以实际大小显示图像，但在我的两台计算机上显示的图像并不精确。 这是我的密码，这是一张信用卡的照片。信用卡是85.60×53.98毫米，所以如果你把信用卡放在屏幕上，你可能会看到它更小

img{
    width:85.60mm;
    height:53.98mm;
}

基本上，问题是

mm

，

cm

和

in

单元在屏幕中工作不正常。它们的印刷版很好。事实上，这些装置似乎不像我从中得到的那样在屏幕上工作

那么这个问题有什么解决办法吗

-----编辑------

---

我创建了另一个可以调整信用卡大小的小提琴。问题可能是我如何找到“比率”数字？请看一下，让我知道你在想什么？有没有办法从用户代理字符串或其他什么东西中找到该比率数字？

我很确定mm和cm取决于像素，并且像素因显示器而异。调整你的屏幕分辨率，你就会明白我的意思

---

所以，我猜答案是“不”。抱歉。

除非操作系统、图形卡和显示器制造商都同意将物理尺寸转换为适用于用户使用的特定设置的像素的通用标准，否则无法做到这一点

这个概念的术语是

虽然OSX和Windows中对此有一些支持，但它并不完整，仍然需要手动干预才能正确设置

最重要的是，最终用户决定使用zoom超越你的测量值，这取决于你的命运——无论是在桌面上，比如在Firefox中，还是在触摸设备上，你都可以通过挤压来实现

---

所以，现在恐怕没有办法了

mm和cm不应依赖于像素。但要使其正确渲染，浏览器必须结合屏幕直径、纵横比和分辨率

W3C只推荐mm用于打印，所以在屏幕的浏览器实现上可能存在很大差异

---

顺便说一句，在我的1920x1080（16:9）屏幕上，它运行得非常好

你所说的“真实世界的大小”是什么意思？我的意思是它的大小应该与真实信用卡的大小完全相同。把它和你的信用卡比较一下你的问题还是没有意义。如果你知道你想要的东西的尺寸，问题在哪里？比如说，你为什么不把卡片的尺寸计算成像素呢？你使用过服务器端语言或javascript吗？@yoda这是有道理的。真正的问题是mm和cm或in单位不能正常工作。如果您定义宽度：1cm，屏幕上将不会显示宽度为1cm的元素。@Omeid这一切都在浏览器中。只是CSS。是的，我觉得这是一个很大的不，但这是我必须处理的！：）我得到的只是拒绝！不管怎样，谢谢。好吧，这就是答案。“不，目前没有解决办法”。对不起，你问有没有解决办法。答案是否定的。这是你的答案/啊，对不起，这是我说“不，你不能”的eloborate方式。你可以找到比例，但不能找到屏幕大小（22“25”等）