Css网格重复语法

Question

我必须使用css网格来渲染一行，使得第一列必须具有灵活的长度，而其余所有列都必须具有固定的宽度。遵循以下内容

grid-template-columns: 1fr repeat(10, 100px)

以上不起作用。如何做到这一点？

Answer 1

您可以使用auto-fit。它将使该列适合当前可用空间。

grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));