Javascript 固定图像大小，不考虑设备像素比

我试图找到一种方法，使所有设备/浏览器上的图像具有相同的大小（实际250像素）。我的问题是设备像素比率。在设备像素比大于1的设备上，图像显示得很小，当您放大时，图像会变大（如果您放大普通浏览器，也会发生同样的情况）

---

所以，我的问题是：有没有一种方法可以通过使用CSS（或不太受欢迎的JavaScript）来实现恒定（实际）大小的图像？是否可以固定大小而不允许其变大或变小？

您可以将图像封装在一个div中，如下所示：

<div id='imageDiv'><img src='theImage.png' class='imageclass' /></div>

#imageDiv {
    height: 500px;
    width: 500px;
    overflow: hidden;
}

.imageclass {
    position: absolute;
}

---

这将使您在所有设备上保持相同的大小。

我相信您想要的是设置一个恒定的视口比例

将此添加到您的

：

---

我认为这不是缩小的图像。。我想你的页面在你的设备上被缩小了。图像总是相同的像素，即使像素比率更高。您只会得到模糊的图像，但大小将是正确的。您设置了视口吗@LaurensKling我希望图像的大小保持不变。没有大的，没有小的。我知道当你放大或缩小时，逻辑大小会改变。这并没有真正的帮助，因为这只会设置逻辑大小，而不会设置物理大小。当你用javascript检查时，它看起来是250像素，但实际上不是。这可能是一个类似问题的解决方案，但我希望所有东西都能扩展，除了图像。所以这不是我真正想要的。现在我明白你的要求了！因此，您希望用户能够缩放页面，但图像保持固定大小。我不知道你怎么能这么做，我想这会是一个非常奇怪的互动。