Wie kann das Problem mit der Größenänderung von Feldsätzen in Firefox behoben werden?

Größenänderungsproblem und wie man es behebt

Problem:

Elemente in bestimmten Browsern (insbesondere Firefox) können ihre Breite nicht verkleinern, wenn die Breite des enthaltenden Elements verringert wird. Dies führt zu horizontalen Bildlaufleisten und einer falschen Einpassung in den übergeordneten Container.

Grundursache:

Standardmäßig wird auf Feldsätze eine Mindestbreite von „min-content“ angewendet zu ihnen. Dies kann alle Regeln für maximale Breite oder Breite überschreiben, die Sie über CSS festgelegt haben.

Lösung:

Damit

s richtig skaliert werden können:

1. WebKit und Firefox 53:

   • Mindestbreite festlegen: 0; auf dem Feldsatz, um den Standardwert zu überschreiben.

2. Firefox vor 53:

   • Mindestbreite festlegen: 0 ; auf dem Feldsatz.
   • Ändern Sie die Anzeigeeigenschaft des Feldsatzes in eine der folgenden: Tabellenzelle, Tabellenspalte, Tabellenspaltengruppe, Tabellenfußgruppe, Tabellenkopfgruppe, Tabelle -Zeile oder Tabellenzeilengruppe.

   Empfohlener Wert:Tabellenzelle

Browserkompatibilität:

• Das ursprüngliche Problem wurde in Firefox 53 und höher behoben.
• Die vorgeschlagene Lösung mit @-moz-document ist für dieses Problem mittlerweile veraltet, sollte aber auch in älteren Versionen noch funktionieren Versionen von Firefox.

Achtung:

Vermeiden Sie die Verwendung von @-moz-document, um Firefox in CSS außerhalb dieses speziellen Problems anzusprechen. Es gibt jetzt bessere Ansätze, um ein browserspezifisches Styling zu erreichen.

Das obige ist der detaillierte Inhalt vonWie kann das Problem mit der Größenänderung von Feldsätzen in Firefox behoben werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!