堆叠响应图像彼此相邻

Question

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

但我希望图像能够响应（如最大宽度：100％;高度：自动;）而不将它们叠加在一起，得到它？无论屏幕的分辨率如何，我希望它们能够缩小或缩小。

例如，如果分辨率更大：

或者如果它更小：

我希望图像适合100％的屏幕宽度，我该怎么做？

Answer 1

如果你知道你刚刚设置的图像数量等于100％：

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

FIDDLE

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

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

FIDDLE