CSS 自动网格项目高度

Answer 1

默认情况下，CSS 网格布局采用其中内容的高度，在您的范例中，它包含图像，因此它将采用图像的高度。

更准确地说，CSS规则

.grid-item img { height: 100%; }

告诉图像占据其父网格项高度的100％，这确保图像填充每个网格项内的整个空间而不失真。

我希望我对你有一点帮助，如果你需要更多解释请告诉我。