Html 将响应图像堆叠在一起

问题很简单，我想知道如何实现这样的目标：

但我希望图像能够响应（比如最大宽度：100%；高度：auto；），而不需要相互叠加，明白吗？无论屏幕的分辨率是多少，我都希望它们能够缩放得更小或更大

例如，如果分辨率更大：

或者如果它更小：

---

我希望图像适合100%的屏幕宽度，如何才能做到这一点？

如果您知道图像的数量，您刚刚设置了一个等于100%的百分比：

img{
   float: left;
   width: 20%;
}

如果您不知道图像的数量，可以使用一些简单的jquery查找数字，并根据数量设置宽度：

var imgCount = $("img").length;
$("img").css({"width":(100/imgCount)+"%"})

---

如果您知道图像的数量，您刚刚设置了一个等于100%的百分比：

img{
   float: left;
   width: 20%;
}

如果您不知道图像的数量，可以使用一些简单的jquery查找数字，并根据数量设置宽度：

var imgCount = $("img").length;
$("img").css({"width":(100/imgCount)+"%"})

---

如果您知道图像的数量，您刚刚设置了一个等于100%的百分比：

img{
   float: left;
   width: 20%;
}

如果您不知道图像的数量，可以使用一些简单的jquery查找数字，并根据数量设置宽度：

var imgCount = $("img").length;
$("img").css({"width":(100/imgCount)+"%"})

---

如果您知道图像的数量，您刚刚设置了一个等于100%的百分比：

img{
   float: left;
   width: 20%;
}

如果您不知道图像的数量，可以使用一些简单的jquery查找数字，并根据数量设置宽度：

var imgCount = $("img").length;
$("img").css({"width":(100/imgCount)+"%"})

---

我没有意识到这一点有点愚蠢？不过谢谢@尼科帕夫洛茨基：没问题。如果图像数量未知，我添加了一个jquery示例。如果这就是你要找的，你能检查一下它是否已解决吗？我没有意识到这一点有点愚蠢？不过谢谢@尼科帕夫洛茨基：没问题。如果图像数量未知，我添加了一个jquery示例。如果这就是你要找的，你能检查一下它是否已解决吗？我没有意识到这一点有点愚蠢？不过谢谢@尼科帕夫洛茨基：没问题。如果图像数量未知，我添加了一个jquery示例。如果这就是你要找的，你能检查一下它是否已解决吗？我没有意识到这一点有点愚蠢？不过谢谢@尼科帕夫洛茨基：没问题。如果图像数量未知，我添加了一个jquery示例。如果这是您正在寻找的，您是否可以将其检查为已解决？