CSS Flexible Box Layout auf dem iPad

8

Ich versuche, ein sehr einfaches Layout mit dem Flex-Modell zu bekommen, das auf dem iPad funktioniert.

Ich habe ein containing div, das die content divs zentrieren soll.

Der Beispielcode funktioniert wie beabsichtigt über alle Browser und Plattformen außer auf dem iPad (Retina).

Wenn Sie verschiedene iPad-Emulatoren online verwenden, wird das Problem nicht repliziert. Ich konnte es nur auf dem eigentlichen iPad replizieren. Hier ist ein Screenshot von dem, wie es aussieht:

Alle Ratschläge werden sehr geschätzt.

CSS:

%Vor%

HTML:

%Vor%     
MNorup 26.09.2013, 12:38
quelle

1 Antwort

17

Sie vermissen einige Eigenschaften aus dem alten Entwurf von 2009 (oder haben sie falsch benannt). Ihr Container-CSS sollte folgendermaßen aussehen:

Ссылка

%Vor%

Beachten Sie jedoch, dass keiner der Browser mit einer 2009 Flexbox-Implementierung (Android, ältere Safari, älterer Firefox) das Wrapping unterstützt.

    
cimmanon 26.09.2013, 14:55
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie erstellen Sie Zusammenfassungs- und Aggregationsberichte aus einer .jtl-Datei?