CSS グリッド行がデフォルトで最大の `minmax()` 値になるのはなぜですか? それを修正するにはどうすればよいですか?

グリッド行がデフォルトで最大値になる: 問題の解決

グリッド テンプレート行に minmax() を利用する最近の試みでは、グリッド行が minmax() の最小値ではなく最大値まで拡張されていることが発見されました。これにより、行サイズを宣言された最小サイズに維持しながら、コンテンツが追加された場合にのみ最大サイズに拡張するという課題が生じました。

この問題に対処するには、次のアプローチを実装できます。

• 行サイズには minmax(50px, min-content) を使用します。これにより、行が内容の周りをしっかりと包み込みますが、それ以下に縮小することはありません。 50px.
• グリッド項目に max-height: 150px を追加します: これにより、各グリッド項目の最大高さが設定され、その増加が 150px に制限されます。

Byこれらの手法を組み合わせると、グリッド行は、さらにコンテンツが追加されるまで宣言された最小サイズに留まり、コンテンツが追加された時点で、指定されたサイズを超えずに最大サイズまで拡張されます。限界です。

以上がCSS グリッド行がデフォルトで最大の `minmax()` 値になるのはなぜですか? それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。