Flex-box

Fermé

Rhydan1 Messages postés 382 Date d'inscription jeudi 3 juillet 2014 Statut Membre Dernière intervention 2 avril 2017 - 4 oct. 2016 à 19:54
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 11 oct. 2016 à 11:59

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

A voir également:

Flex-box
Set-top box - Accueil - Box & Connexion Internet
Chrome os flex - Guide
Tera box - Télécharger - Stockage
Adresse ip box - Guide
Mycanal box africa ✓ - Forum Box et Streaming vidéo

1 réponse

Réponse 1 / 1

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451
4 oct. 2016 à 22:55

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-

Rhydan1 Messages postés 382 Date d'inscription jeudi 3 juillet 2014 Statut Membre Dernière intervention 2 avril 2017 70
9 oct. 2016 à 09:53

Du style -webkit-display: flex ?

--

dugenou Messages postés 6087 Date d'inscription mercredi 19 janvier 2005 Statut Contributeur Dernière intervention 30 juillet 2021 1 451 > Rhydan1 Messages postés 382 Date d'inscription jeudi 3 juillet 2014 Statut Membre Dernière intervention 2 avril 2017
9 oct. 2016 à 09:56

Oui, c'est ce que j'ai trouvé sur : www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html

Rhydan1 Messages postés 382 Date d'inscription jeudi 3 juillet 2014 Statut Membre Dernière intervention 2 avril 2017 70
10 oct. 2016 à 19:05

Mmh j'ai bien essayé de maintes façons, mais malheureusement cela ne fonctionne pas sur iPhone 4s :/

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
11 oct. 2016 à 11:59

É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/

Discussions similaires

ATTENTION A FREE FLEX

Commande free

Avoir la télé sans box internet - avec la prise RJ45

Location Free Mobile 1/5 En attente de validation.

Seule le voyant d'alimentation de mon box plus de sfr s'allume