Flexbox funktioniert nicht auf iPad und Safari [duplizieren]
Ich benutze flexbox auf einer Website und es stürzt auf iPad Air, iPad 3 und Safari PC ab.
Das Design und der Code sind ähnlich wie bei diesem Codepen. Ссылка
%Vor% So sieht es auf den Geräten aus, auf denen das Problem auftritt: 
Irgendwelche Ratschläge, wie man das umgehen kann?
3 Antworten
Vielleicht möchten Sie Safari-Browser-Unterstützung für flexbox in Betracht ziehen.
Obwohl Safari 9 alle Standard-Flex-Eigenschaften unterstützt, müssen Sie bei Safari 8 und älter die Hersteller-Präfixe verwenden.
Nehmen Sie diese Anpassung an Ihrem Code vor:
%Vor%Siehe Unterstützung des flexbox-Browsers hier: Ссылка
Erwägen Sie, Autoprefixer zu verwenden.
Siehe Flexbox-Codebeispiele mit Präfixen: Ultimate Flexbox-Spickzettel
Ich habe Autoprefixer wie in den Antworten vorgeschlagen verwendet.
Ich benutze Schluck, um damit umzugehen, wenn ich SASS schreibe. Hier ist ein Leitfaden .
Die Antworten hier schlagen vor, eine vorangestellte Eigenschaft vor der nicht vorangestellten zu verwenden. Ich stimme einer kleinen Korrektur zu.
%Vor%Idealerweise müssen Sie alle Präfixeigenschaften auflisten, bevor Sie die nicht vorangestellten Eigenschaften verwenden. @ Michael_B Antwort ist meiner Meinung nach nicht perfekt.
Ich hoffe, die Leute werden das nützlich finden.
Haben Sie versucht, die Flex-Werte für das erste und das letzte Kind zu setzen? Ich habe festgestellt, dass iPads verwirrt werden können, wenn keines der Flex-Objekte in einem Flex-Container einen flexiblen Wert hat. Zum Beispiel:
%Vor%