Warum funktioniert meine Flexbox-Bildlaufleiste nicht mit „Spaltenumkehr' in Firefox, Edge und IE?

Probleme mit der Flexbox-Bildlaufleiste mit „Spaltenumkehr“ in Firefox, Edge und IE

Auf der Suche nach responsivem Design stieß ein Entwickler auf Probleme Eine unerwartete Eigenart, wenn Flexbox verwendet wird, um die Reihenfolge von Elementen auf kleineren Bildschirmen umzukehren. Während der Ansatz in Chrome reibungslos funktionierte, blieb die Bildlaufleiste in Firefox, Edge und IE deaktiviert.

Beim Untersuchen von HTML und CSS wird deutlich, dass Flexbox mit Flex-Direction: Column-Reverse tatsächlich der Übeltäter ist. Bei der Untersuchung handelt es sich bei diesem Verhalten jedoch tatsächlich um einen bekannten Fehler in den genannten Browsern.

Es stellt sich heraus, dass bei Verwendung von „flex-direction: Column-reverse“ die Bildlaufleiste nur in Chrome angezeigt wird. Wenn der Entwickler zur Spalte „flex-direction:“ wechselt, wird die Bildlaufleiste in allen Browsern funktionsfähig.

Ausführlichere Informationen finden Sie in den folgenden Ressourcen, die Einblicke in das Problem bieten:

• [Bug 1042151 – Flex-Direction: Column-Reverse (oder „Flex-Direction: Column; Justify-Content: Flex-End“) mit Overflow-y: Auto ist nicht vorhanden scrollbar](https://bugzilla.mozilla.org/show_bug.cgi?id=1042151)
• [Philip Walton / flexbugs – Column-reverse und overflow-y nicht scrollbar](https://github. com/philipwalton/flexbugs/issues/399)

Das obige ist der detaillierte Inhalt vonWarum funktioniert meine Flexbox-Bildlaufleiste nicht mit „Spaltenumkehr' in Firefox, Edge und IE?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!