Javascript 在所有屏幕分辨率中以相同大小观看的图像

我正在尝试在计算机屏幕上以实际大小显示对象，但在将图像调整到不同的屏幕分辨率和大小时遇到了一些问题

---

有没有人对我如何做到这一点有什么想法？

用一些代码更新您的问题，这些代码可能有助于回答问题

---

无论如何，尝试通过css提供一个固定的宽度或高度，在所有浏览器和视口中保持不变。

使用像素而不是百分比。这肯定会对你有帮助。

---

如果您仍然感到困惑，请分享您的逻辑和编码尝试，以便每个人都能详细帮助您。

如果您希望图像大小相同，应使用容器div并将该图像放入容器中，然后为该容器div指定高度和宽度

如果您还可以为css中的容器div提供max-width和max-height参数，那就更好了

<div class="container"></div>

演示

我还遇到过CSS3“vh”和“vw”单元 vh:=视口高度 vw:=视口宽度

---

我建议您可以使用这些替代像素

谢谢您的回复。在所有屏幕分辨率上，它的视觉尺寸是否相同？我认为使用像素意味着在像素密度较高的显示器上图像会更小。我希望在现实生活中，所有屏幕上的厘米都是厘米。@Seamus您可以使用任何您喜欢的单位，例如，DPI（每英寸点数）是像素的更好替代品。谢谢您的回复。我没有什么特别有趣的东西可以分享，我有合适大小的图像（像素），但我担心图像在像视网膜屏幕这样像素密度较高的显示器上会显得更小。我一直在四处寻找，但不知道这是否会发生。现在就有意义吧！尝试使用。这将为您提供以像素为单位的屏幕大小。一旦你得到这个数字，你可以调整你的图像大小到你想要的。要做到这一点，您可能需要对屏幕大小的百分比进行调整。

.container{
background:url('path/to/your/image');
width:100px;
height:100px;
max-width:100px;
max-height:100px;
background-size:cover;
}