Javascript 我应该如何设置这些元素的宽度，使它们完全适合？

我正在建立一个网格形状的正方形集网站。我希望它们是完美的正方形，具有相同的宽度和高度。它工作得很好，只是当你调整页面大小时，它们会在一条线上的两个和三个之间闪烁。代码如下：

const get=（querySelector）=>document.querySelector（querySelector），
getAll=（querySelector）=>document.queryselectoral（querySelector），
getClass=（className）=>document.getElementsByClassName（className），
getTag=（标记名）=>document.getElementsByTagName（标记名）；
函数resizePosts（）{
if（get（'.post'））{
for（设i=0；i
.posts{
字号：2.5em；
字体系列：“Lato”，无衬线；
填充：0 25px；
柔性包装：包装；
显示器：flex；
最小高度：150px；
}
.自己发帖{
宽度：100%；
显示器：flex；
柔性包装：包装；
}
.邮政{
边框：0.5px纯黑；
保证金：5px；
宽度：33%；
溢出：隐藏；
}
您需要添加尺寸的测量单位（“px”）


const get=（querySelector）=>document.querySelector（querySelector），
getAll=（querySelector）=>document.queryselectoral（querySelector），
getClass=（className）=>document.getElementsByClassName（className），
getTag=（标记名）=>document.getElementsByTagName（标记名）；
函数resizePosts（）{
if（get（'.post'））{
for（设i=0；i
.posts{
字号：2.5em；
字体系列：“Lato”，无衬线；
填充：0 25px；
柔性包装：包装；
显示器：flex；
最小高度：150px；
}
.自己发帖{
宽度：100%；
显示器：flex；
柔性包装：包装；
}
.邮政{
边框：0.5px纯黑；
保证金：5px；
溢出：隐藏；
}

你不需要JS在CSS中制作正方形（或任何其他比例）-试试这里描述的百分比填充技术：谢谢，我自己已经修好了。只是添加了行并去掉了flex wrap。