Warum ändert sich die Größe meines „“ in Firefox nicht richtig?

Größenänderungsproblem

Problem:

Ein

seine Breite kann nicht so angepasst werden, dass sie in den übergeordneten Container passt, selbst wenn das enthaltene Element hat eine maximale Breite: 100 %. Das Problem tritt nur in Firefox und Firefox für Android auf.

Ursache:

In Gecko-Browsern (einschließlich Firefox) haben Feldsätze eine erzwungene Mindestbreite, die der intrinsischen Breite entspricht Standardmäßig wird die Breite ihres Inhalts festgelegt. Dieses Verhalten kann in der Rendering-Engine von Gecko nicht überschrieben werden.

Lösung:

Um das Größenänderungsproblem in Firefox zu beheben, legen Sie die Anzeigeeigenschaft des Feldsatzes auf einen der folgenden Werte fest:

• Tabellenzelle (empfohlen)
• table-column
• table-column-group
• table-footer-group
• table-header-group
• table-row
• table-row-group

Zusätzlich, Um diesen Fix vor anderen Browsern zu verbergen, verwenden Sie die CSS-Erweiterung @-moz-document:

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

Hinweis: Dieser @-moz-document-Hack ist in Firefox 53 und nicht mehr erforderlich später, da der zugrunde liegende Fehler behoben wurde.

Das obige ist der detaillierte Inhalt vonWarum ändert sich die Größe meines „“ in Firefox nicht richtig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

firefox css for select Property default this display column table android bug issue

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Decodierung von StyleX: Metas hochmodernes Styling-SystemNächster Artikel：Decodierung von StyleX: Metas hochmodernes Styling-System

In Verbindung stehende Artikel

Mehr sehen

• Wie kann ich einheitenlose CSS-Variablen mit unterschiedlichen Einheiten verwenden?
• Warum verschwinden Hintergrundbilder beim Drucken in Firefox und Internet Explorer?
• Kann ich ein „Innerhalb eines“ in einem Bootstrap-Formular verschachteln?
• Wie funktionieren „col-md-4“, „col-xs-1“ und „col-lg-2“ im Bootstrap Grid System?
• Wie wähle ich das erste Element mit einer bestimmten Klasse innerhalb einer komplexen HTML-Struktur aus?

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über unsHaftungsausschlussSitemap

© php.cn All rights reserved