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

• Zusammenfassung dessen, worauf Sie beim Schreiben von CSS bezüglich Border achten müssen
• So realisieren Sie die Auswahl mehrerer Stile und den Echtzeitwechsel von Stilen. Erleben Sie den Austausch
• Detaillierte Nutzungsanalyse von Marquee
• CSS标题线（删除线贯穿线效果）实现
• CSS3中优雅降级和渐进增强的区别

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

Über unsHaftungsausschlussSitemap

© php.cn All rights reserved