Warum verkleinern sich Feldsätze in Firefox nicht?

Problem mit der Mindestbreite:

In Firefox und älteren Versionen von WebKit ist

Elemente erben eine Mindestbreite von „min-content“, wodurch verhindert wird, dass sie unter die Breite ihres Inhalts schrumpfen. Dieses Problem kann zu Problemen führen, wenn Sie erwarten, dass

Elemente, deren Größe basierend auf der Breite ihres übergeordneten Containers geändert werden soll.

Lösung (für WebKit und Firefox 53):

Überschreiben Sie das Standardverhalten, indem Sie min-width: 0 festlegen; auf dem

.

Lösung (für Firefox Pre-53):

Um das

Um in früheren Firefox-Versionen korrekt angezeigt zu werden, ändern Sie die Anzeigeeigenschaft in „table-cell“. Um diesen Fix vor anderen Browsern zu verbergen, verwenden Sie @-moz-document:

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

Erklärung:

Dieses Problem entsteht durch Inkonsistenzen in der Art und Weise, wie Browser s, es sei denn, sie werden als Tabellenelemente gerendert.

Achtung:

Die Verwendung von @-moz-document ist sicher Vermeiden Sie in diesem speziellen Fall die Verwendung für Firefox im Allgemeinen, da es veraltet ist.

Das obige ist der detaillierte Inhalt vonWarum verkleinern sich Feldsätze in Firefox nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!