Javascript 自动调幅变焦？

我在一个div中一次显示一组图像。这些图像都是几千像素乘几千像素

例如，一个图像是4353x2721

当我预览页面时，它会放大图片并仅沿上下边缘剪切内容。它保持正确的宽度

我需要它只是调整大小，使其适合屏幕/div正确无需削减任何部分

该部分的CSS是：

.largeImage img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

---

如果我添加

高度：100%，它仍然不起作用。仍然放大。
您需要为图像设置
最大宽度：100%
和
最大高度：100%
。它将使图像适合其较大的尺寸到父容器限制，并缩小其他尺寸

查看代码段：


.largeImage{
宽度：150px；
高度：200px；
显示：内联块；
位置：相对位置；
边框：1px纯绿色；
}
.LargeImg{
显示：块；
位置：绝对位置；
排名：0；
左：0；
右：0；
保证金：0自动；
最大宽度：100%；
最大高度：100%；
}
您需要为图像设置
最大宽度：100%
和
最大高度：100%
。它将使图像适合其较大的尺寸到父容器限制，并缩小其他尺寸

查看代码段：


.largeImage{
宽度：150px；
高度：200px；
显示：内联块；
位置：相对位置；
边框：1px纯绿色；
}
.LargeImg{
显示：块；
位置：绝对位置；
排名：0；
左：0；
右：0；
保证金：0自动；
最大宽度：100%；
最大高度：100%；
}

参考此链接或参考此链接或