1frではなく、minmax（10px、1fr）が必要です

多くのWebページがこのようなグリッドレイアウトを使用しています：

 .grid {
  ディスプレイ：グリッド;
  Grid-Template-Columns：Repeat（3、1Fr）;
}

しかし、私はあなたが使用することをお勧めします：

 .grid {
  ディスプレイ：グリッド;
  Grid-Template-Columns：Repeat（3、Minmax（10px、1fr））;
}

なぜ？最初のケースでは、グリッド列の最小幅はmin-contentであり、これは予想外に望むよりも広くなる可能性があります（グリッドオーバーフローを参照）。 2番目のケースでは、最小幅を10pxに制限します（ゼロではなく、消えずに混乱を引き起こすことになります）。

これを行うことは少し面倒ですが、より予測可能な動作につながり、不必要な手間を避けることができます。

それだけです。

（この記事の形式は、Kilianの記事「 overflow: auto 、 overflow: scroll 」も正しいことです。）

以上が1frではなく、minmax（10px、1fr）が必要ですの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。