Erkennen Sie, wenn Flex Gap nicht unterstützt wird
Posted: 16 Jan 2025, 11:52
Ist es möglich zu erkennen, wenn Flex Gap vom Browser nicht unterstützt wird?
Ich habe viele Lücken in meinem Projekt und der größte Teil des Layouts wurde mit Flexbox erstellt. Mir ist aufgefallen, dass viele Benutzer alte Browser haben und Flex Gap nicht unterstützen. Ist es möglich, irgendwie zu erkennen, wenn Gap nicht unterstützt wird, und einen Fallback dafür hinzuzufügen?
Ich weiß, dass es eine Lösung mit Rändern gibt, aber ich hätte gerne Gap statt Margin
Ich habe versucht,
zu verwenden
oder
aber nichts davon funktioniert.
Ich habe viele Lücken in meinem Projekt und der größte Teil des Layouts wurde mit Flexbox erstellt. Mir ist aufgefallen, dass viele Benutzer alte Browser haben und Flex Gap nicht unterstützen. Ist es möglich, irgendwie zu erkennen, wenn Gap nicht unterstützt wird, und einen Fallback dafür hinzuzufügen?
Ich weiß, dass es eine Lösung mit Rändern gibt, aber ich hätte gerne Gap statt Margin
Ich habe versucht,
zu verwenden
Code: Select all
@supports not ((gap: 1px) with (display: flex))Code: Select all
@supports not ((gap: 1px) and (display: flex))