Css 将屏幕宽度上的多个图像放在一行中

我试着让6张图片排成一行，并保持这种状态，而不管窗口大小

当我通常使用div标记（类似style=“width:33%”）时，它们会缩小并适合一个屏幕，但当我缩小窗口屏幕时，图像会混合在两行或更多行中

我试着把它们放在桌上，但没有成功。如果我摆弄CSS和@media属性，我必须为图像设置固定大小（px）

不管怎样，我试着在谷歌上搜索stackoverflow，尝试了所有可能的解决方案，但什么都找不到@媒体将是我的最后手段，我不想使用它，因为我猜它使用固定大小。 我为WordPress网站做这项工作，这样我就可以使用php、html、css、.js，或者一个插件？ 我只想让图像排成一行，并根据屏幕大小缩小比例。

我使用了另一个问题中的@Alan's。我通过添加一个自定义包装器来实现这一点

<style>
.wrapper {width:58.536585%; /*960/1640 = .58536585*/ margin:0 auto;}
.resize {width:100%; height:auto;}
</style>    

<div class="wrapper">
  <img class="resize" src="image.jpg" />
</div>

.wrapper{width:58.536585%；/*960/1640=.58536585*/margin:0 auto；}
.resize{宽度：100%；高度：自动；}