纯css的方式，以适应跨行图像

有没有一种纯粹的css方法可以让图像在一个大小可变的容器中排成一行

我有一排我想要适合的图片

我知道有两种方法可以将图像排成一行。如果我将图像宽度设置为百分比，即宽度：20%，那么如果屏幕很宽，则图像会变得非常大，或者如果显示器很小，则图像会变得非常小。如果我将图像设置为绝对宽度，即宽度：100px；，然后，图像显示的大小，我希望它。但是这个容器没有完全装满，而且在右边还有不合适的剩余空间

现在我正在使用javascript根据用户屏幕宽度调整百分比宽度

---

是否有一种纯粹的css方法来控制图像的显示方式，这样，如果屏幕很宽，更多的图像可以放入一行，而不是将它们放大，但仍然确保所有图像都可以紧贴在容器中，没有剩余的空间。

您可以将float属性添加到每个图像容器float:left。请参见

我使用的媒体查询如下：

@media all and (max-width: 900px) and (min-width: 600px)
  img
    width 50%

@media all and (max-width: 1050px) and (min-width: 900px)
  img
    width 33.3333%

@media all and (max-width: 1280px) and (min-width: 1050px)
  img
    width 25%

@media all and (max-width: 1910px) and (min-width: 1600px)
  img
    width 16.6667%

---

我认为有一个更好的答案。

这将无法处理紧贴在容器中的配件，没有剩余空间部分。