Javascript 在窗口大小的特定比例上不断更改Div大小

所以当我在一些媒体采石场为我的初学者图像库项目编码时。我注意到，每次窗口大小减少30px时，我需要将包含img标记的div的宽度减少10px，以便在一行上有3个图像

我想知道的不是全部输入，而是有没有一种方法可以与CSS交互，并设置一种方法来检查循环中的每一次。在这种情况下，我不知道如何分享我的尝试

虽然我已经向谷歌询问了一些答案，并且据我所知，我认为使用诸如SaSS之类的CSS预处理器可能是可行的，但老实说，我对JavaScript没有任何知识，只是有一些基本的知识

---

所以在这种情况下，我不知道如何分享我的尝试。我可能不知道正确的语法，或者找不到它，所以现在对我来说这更像是一个理论问题。

如果我是对的，您希望将3个图像排成一行，而不必纠正混乱的代码。您可以使用网格消除任何问题

可以通过更改栅格间距来扩展间距大小

.网格容器{ 显示：网格； 网格模板列：重复3，minmaxauto，1fr； 栅隙：10px； }

---

您可以使用%而不是px。@Rojo。我试过了，但是在这种情况下，如果我不添加媒体查询，我的边缘仍然有多余的空格。谢谢。这就是我要找的。在CSS网格上有点新手，但这是可行的。非常感谢。