Html 在Firefox和Chrome中正确实现CSS网格

综上所述，CSS网格通过使用

网格自动行：1fr

跨行实现等高元素。但是，在等高行之间插入高度设置为“自动”的行时，Chrome和Firefox表现出不同的行为。也就是说，当使用显式

网格自动行：auto 1fr 1fr 1fr

语法时，Chrome可以实现行间高度相等，但当使用

repeat

like

网格自动行：auto repeat（3，1fr）时，每行的高度仅相等而Firefox仅在每行的基础上实现相同的高度

请在Firefox和Chrome中遵守以下内容：



有趣的是，它们在这个实现中的行为都是相同的，所以我认为这更多地与它们的
css repeat
实现有关：


您对此有何看法？您认为哪款浏览器具有正确的标准aproach

有趣的是，它们在这个实现中的行为都是相同的，所以我认为这更多地与它们的css
repeat
实现有关

我想你是对的

如果查看
网格自动行
和
网格自动列
的规范定义，则
repeat（）
符号似乎不是可接受的值

定义说，只有轨迹尺寸才是可接受的值。“轨迹大小”的定义不包括
repeat（）

因此，违反规范或至少不清楚规范语言可能会导致不同的浏览器实现

所以你是说，使用
repeat
两种浏览器的操作都不符合规范，因此没有一种是对的或错的。因此，向任何一方提交错误报告都没有任何意义。如果是这样的话，我想你应该更新我的OP中提到的线程，因为它非常流行，而且这个信息可以省去很多麻烦。我的答案是基于我对规范的阅读。我很确定我是正确的，但我不是规范作者或浏览器制造商，所以我可能误解了关键术语或语法。在这一点上，我不会比我的答案更进一步，所以我将暂时离开你的帖子。也许其他人可以对这种行为多了解一些。