フレックス項目に固定高さを設定してもサイズに影響しないのはなぜですか?

この例では、次の行を処理するだけで十分です。

.flex-item {
    ... ;
    height: auto;
}

その値を次のように変更します。

.flex-item {
    ... ;
    height: 50px;
}

この変更により、何も変わりません。高さは引き続き自動的に計算されます。

すべてのセルを正方形にするには、以下を参照してください:

フレックスボックスを使用してすべてのセルを正方形にする方法の 1 つを次に示します。

1. 手動または絶対値としてアスペクト比を制限するには、すでに行ったようにパーセンテージを使用して設定します。
2. 次にリセットします。これらのセルのフレックスボックス関連の高さ/幅を自動にします。これらにより、コンテナのサイズが変更されたときにアイテムのサイズが変更されずに済みます。

.flex-item {
  ... ;
  height: auto;
  width: auto;
  min-width: 50px; /* minimum width of 50px; adapt to your needs */ 
}

以上がフレックス項目に固定高さを設定してもサイズに影響しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。