You want minmax(10px, 1fr) not 1fr

Banyak laman web menggunakan susun atur grid seperti ini:

 .Grid {
  paparan: grid;
  Grid-template-lajur: Ulang (3, 1FR);
}

Tetapi saya cadangkan anda menggunakan:

 .Grid {
  paparan: grid;
  Grid-template-lajur: Ulang (3, Minmax (10px, 1FR));
}

Kenapa? Dalam kes pertama, lebar minimum lajur grid adalah min-content , yang mungkin secara tidak disangka lebih luas daripada yang anda mahukan (lihat: limpahan grid). Dalam kes kedua, anda mengehadkan lebar minimum hingga 10px (bukan sifar sehingga tidak hilang dan membawa kepada lebih banyak kekeliruan).

Semasa melakukan ini agak rumit, ia boleh membawa kepada tingkah laku yang lebih diramalkan dan mengelakkan kerumitan yang tidak perlu.

Itu sahaja.

(Format artikel ini merujuk kepada artikel Kilian "Anda Perlu overflow: auto , Not overflow: scroll " yang juga betul.)

Atas ialah kandungan terperinci You want minmax(10px, 1fr) not 1fr. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!