根据规范，grid-template-rows: repeat(auto-fill, 80px);是一个有效的声明，但它没有给予预期的结果。相反，它只创建一个高度为80px的显式行，其他行的大小是自动调整的。
但是，由于您希望根据需要添加行，即隐式创建的网格行，您应该使用grid-auto-rows，而不需要使用grid-template-rows。

.grid {
  display: grid;
  grid-auto-rows: 80px;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 60px;
  }

.grid div {
  background-color: silver;
}

<div class="grid">
<div>content</div>
<div>content</div>
<div>content</div>
<div>content</div>
<div>content</div>
<div>content</div>
<div>content</div>
<div>content</div>
</div>