css - 为什么我的重复函数在 css 的网格属性中不起作用？

Question

这段代码工作正常:

grid: [row1-start] 'header header header header header' auto [row1-end]
    [row2-start] 'menu content content content content' auto [row2-end]
    [row3-start] 'footer footer footer footer footer' auto [row3-end] / 1fr 1fr 1fr 1fr 1fr;

但是当我使用 repeat() 函数而不是五个 1fr 时，它会破坏我的网格:

grid: [row1-start] 'header header header header header' auto [row1-end]
        [row2-start] 'menu content content content content' auto [row2-end]
        [row3-start] 'footer footer footer footer footer' auto [row3-end] / repeat(5, 1fr);

我在 grid-template-columns 属性中使用函数没有问题，当我想在 grid 属性中使用它时出现问题。

Answer 1

根据文档:

完整的 MDN 引用 here