Flex-box
Rhydan1
Messages postés
438
Statut
Membre
-
Pitet Messages postés 2845 Statut Membre -
Pitet Messages postés 2845 Statut Membre -
Bonjour,
Développant actuellement un site, je me sers de deux flexbox pour aligner verticalement deux éléments dans mon header.
Sur PC, aucun problème. Cependant sur mon portable (iPhone 4S, iOS 8) j'ai l'impression que la flex-box n'est pas reconnue, puisque les éléments sont collés en haut de page.
Ma question : Est-ce une mauvaise utilisation des flex-box la cause du soucis, ou simplement que l'attribut "flex-box" n'existait pas au moment de iOS8 et que donc Safari ne le reconnaît pas ?
Cordialement, un joli <body> :p
Développant actuellement un site, je me sers de deux flexbox pour aligner verticalement deux éléments dans mon header.
Sur PC, aucun problème. Cependant sur mon portable (iPhone 4S, iOS 8) j'ai l'impression que la flex-box n'est pas reconnue, puisque les éléments sont collés en haut de page.
Ma question : Est-ce une mauvaise utilisation des flex-box la cause du soucis, ou simplement que l'attribut "flex-box" n'existait pas au moment de iOS8 et que donc Safari ne le reconnaît pas ?
Cordialement, un joli <body> :p
1 réponse
-
Bonsoir,
Je ne suis pas un spécialiste du CSS, mais il semblerait que le préfixe -webkit- soit nécessaire :
Safari 3.1+
Safari Mobile (iOS 3.2+)
- Ancienne spécification (2009). Avec préfixe -webkit-
- Spécification finale depuis Safari 7. Avec préfixe -webkit-
-
-
-
Étrange, IOS 8 semble supporter correctement flexbox avec le prefixe webkit : https://caniuse.com/#feat=flexbox
Sinon peut être en essayant de mélanger l'ancienne et la nouvelle syntaxe : https://css-tricks.com/using-flexbox/
-
