HTML&CSS - 调整我所有图片的大小

Question

我有一个包含数千张图像的文件夹，我想显示这些图像。

我已经这样做了，但我的问题是图像的大小。我文件夹中的图像格式和大小完全不同。我已经成功地调整了它们所有的大小，但每当我这样做时，当我更改浏览器大小时，它们也不会调整大小，它们会像我告诉他们的那样保持不变。

我想做的是设置一个最大尺寸，如果浏览器足够大，它们就是这个尺寸。但如果浏览器缩小，它们会立即使用react并改变大小。

我已经尝试了 2 个小时，但我找不到办法。

PS:我用的是bootstrap

谢谢! :)

Answer 1

这个怎么样？图片的最大尺寸为 1000 像素，否则为浏览器宽度的 100%。

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