Problem mit dem iPhone 6-Flexbox-Wrapping

8

Ich mag die Verwendung von flexbox, aber aus irgendeinem Grund kann ich nicht auf einem iOS-Gerät arbeiten. Gibt es einen einfachen Fallback für die Verpackung? Hier ist ein Problem, bei dem Elemente einfach nicht umgebrochen werden: ( JSFiddle Fans )

%Vor% %Vor%

Das ist der einfachste Ansatz. Ich habe dann versucht, eine Tonne Präfixe zu allem hinzuzufügen, um zu sehen, ob das half, aber es nicht tat:

%Vor%

Ist die einzige Lösung für nicht , Flexbox zu verwenden, wenn ich möchte, dass die Dinge korrekt auf iPhones eingebunden werden?

    
Howdy_McGee 18.02.2016, 18:37
quelle

3 Antworten

7

Der Kern des Problems bestand bei allen Browsern in iPhone 5 und 6. Am Ende hatte es mit der Einstellung einer prozentualen Breite zu tun. Sobald ich das entfernt habe, stapelt alles wie es soll. Ich möchte / u / andrei-gheorghiu danken, da seine JSFiddles (in einer gelöschten Antwort) mich in die richtige Richtung wiesen .

%Vor% %Vor%
    
Howdy_McGee 18.02.2016, 20:20
quelle
1

iPhone 6s unterstützt flex-direction tag nicht. Ich habe das Problem gelöst, indem ich es durch flex-wrap ersetzt habe.

Alt: flex-direction: column-reverse

Neu: flex-wrap: wrap-reverse

Es ist Arbeit!)

    
Andrey Helldar 15.09.2017 10:45
quelle
-3

Ich habe dieses Problem gelöst, indem ich die Flex-Elemente display: inline-block;

angegeben habe     
zeexia 21.11.2016 14:39
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Hat jemand wirklich ASP.NET MVC 5 Identity Facebook Logins, um aus der Box zu arbeiten? (loginInfo gibt immer null zurück)