Grid CSS: Peratusan lwn. Unit `fr`: Apakah Perbezaannya?

Perbezaan Antara Peratusan dan Unit fr dalam Reka Letak Grid CSS

Apabila menggunakan unit fr, ruang kosong dalam bekas diagihkan sama rata antara lajur. Sifat grid-column-gap bukan faktor.

Walau bagaimanapun, apabila menggunakan %, bekas dibahagikan kepada beberapa lajur, setiap satu mempunyai lebar yang ditentukan oleh peratusan. Kedua-dua panjang lajur dan jurang grid difaktorkan ke dalam lebar.

Ini boleh menyebabkan limpahan jika jumlah lebar lajur dan jurang melebihi lebar bekas.

Untuk mengelakkan limpahan, anda boleh menggunakan fungsi calc() untuk menolak lebar jurang grid daripada lebar setiap lajur.

Atas ialah kandungan terperinci Grid CSS: Peratusan lwn. Unit `fr`: Apakah Perbezaannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!