Mengapa Fieldsets Enggan Mengecut dalam Firefox?

Isu Lebar Minimum:

Dalam Firefox dan versi WebKit yang lebih lama,

elemen mewarisi lebar minimum "kandungan min", menghalangnya daripada mengecut di bawah lebar kandungannya. Isu ini boleh membawa kepada masalah apabila anda menjangkakan

elemen untuk mengubah saiz berdasarkan lebar bekas induknya.

Penyelesaian (untuk WebKit dan Firefox 53 ):

Timpa kelakuan lalai dengan menetapkan lebar min: 0; pada .

Penyelesaian (untuk Firefox Pra-53):

Untuk membuat dipaparkan dengan betul dalam versi Firefox terdahulu, tukar sifat paparannya kepada sel jadual. Untuk menyembunyikan pembetulan ini daripada penyemak imbas lain, gunakan @-moz-document:

@-moz-document url-prefix() {
  fieldset {
    display: table-cell;
  }
}

Penjelasan:

Isu ini timbul daripada ketidakkonsistenan dalam cara penyemak imbas mengendalikan s melainkan ia dipaparkan sebagai elemen jadual.

Awas:

Semasa menggunakan @-moz-document adalah selamat dalam kes khusus ini, elakkan menggunakannya untuk menyasarkan Firefox secara umum kerana ia telah ditamatkan.

Atas ialah kandungan terperinci Mengapa Fieldsets Enggan Mengecut dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!