如何使用CSS网格保持单元格的宽度和高度相同？

我正在对网格的列使用

自动填充

。但有时细胞的宽度大于其高度

有没有办法让他们保持平衡？当宽度增加时，高度也会增加

ul{
列表样式：无；
显示：网格；
网格模板列：重复（自动填充，最小值（100px，1fr））；
网格自动行：最小最大值（100px，自动）；
网格自动流动：行密集；
间隙：10px；
填充：10px；
}
ulli{
背景：鲑鱼；
}

我认为，您只需使用：

网格模板列：重复（自动填充，100px）

而不是

网格模板列：重复（自动填充，最小值（100px，1fr）；
回答得好，但你最好使用代码片段工具来显示工作示例，但它会在边缘产生一些间隙。我希望它们可以填充所有可用空间并保持纵横比。不要定义网格自动行，使用填充技巧来保持该比率