javascript - 如何将图像的原始大小设置为不超过父容器的宽度

Question

我想设置图片的原始宽度，所以max-width: 100%，但是图片的父容器的宽度是1000px，图片的原始大小不能超过1000px。我希望图像的原始大小小于 1000 像素。如果图片宽度大于1000px，设置图片大小为1000px

img {max-width: 100%, width: 100%};
.container {width: 1000px};

我设置为image max-width: 100%使图像显示原始大小。我设置width: 100%保持图像的原始大小不超过父容器的 1000px 宽度，但它不起作用

我希望图像的原始大小小于 1000 像素。如果图片宽度大于1000px，设置图片大小为1000px

标签： javascriptcssimage

Answer 1

尝试设置

img {
   height: 100%,
   width: 100%;
   object-fit: contain;
}