为什么我的 CSS 网格行默认为最大 `minmax()` 值，如何修复它？

网格行默认为最大值：解决问题

在最近尝试对 grid-template-rows 使用 minmax() 时，它发现网格行扩展到 minmax() 的最大值而不是最小值。这带来了将行大小维持在声明的最小大小，同时仅在添加其他内容时才扩展到最大大小的挑战。

要解决此问题，可以实施以下方法：

• 使用 minmax(50px, min-content) 作为行大小：这可确保行紧紧包裹其内容，但不会收缩到下方50px。
• 向网格项目添加 max-height: 150px： 这设置每个网格项目的最大高度，将其增长限制为 150px。

通过结合这些技术，网格行将保持声明的最小大小，直到添加更多内容，此时它们将扩展到最大大小而不超过指定的大小限制。

以上是为什么我的 CSS 网格行默认为最大 `minmax()` 值，如何修复它？的详细内容。更多信息请关注PHP中文网其他相关文章！