Bonjour à tous,

Je viens de tester l'ébauche de mon site développé en html/css3/php et un ou deux plugin jquery via différents navigateurs surs smartphone LG et je rencontre des difficultés...

En général, quand le navigateur du mobile est chrome, pas de souci, mais sur d'autres navigateurs moins connu, celui par défaut chez LG ou celui d'un xiaomi par exemple, il semble que les paramètre CSS3 ne fonctionne pas, voyez par vous même :

Ce qui devrait s'afficher (ici chrome)

Ce que j'obtiens avec le navigateur de LG par exemple :

Il semble que ce soit les modules "flex-box" qui foire.

Aussi, sur un autre navigateur (xiaomi), le style appliqué à mes images par exemple, ne marche pas du tout, elles s'affichent en plein format, les unes en dessous des autres (pourtant j'ai utilisé "height=" qui devrait fonctionner sur tous les navigateurs ? )

Enfin bref, comment rendre mon site responsive en maximisant la compatibilité avec les navigateurs, sachant que pour la suite, je voudrais afficher mes images dans une autre taille, les unes en dessous des autres, en utilisant  la balise content="width=device-width" ainsi que les media-queries ?

Faut alors utilisez l'ancienne version :

https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/le-positionnement-en-css

Avant il n y avait pas flex-box, après il doit y avoir une façon plus simple que de modifier la majorité de son code pour améliorer la comptabilité.

C'est bien ce que je pensais et concernant les media queries, c'est uniquement du CSS3 non ?

Hmm j'ai cherché un petit peu et j'ai pas trouvé de réponse concrète, le mieux est de tout simplement tester par toi-même en changeant la couleur de fond par rapport à l'écran sur un vieux navigateur en média queries, si la couleur de fond change alors c'est bon.

Bah oui c'est vrai ça, pourquoi je test pas moi même tout simplement 

Je suis sur un autre sujet, mais quand j'en serai précisément là, je reviendrais sur ce post pour publier les réponses 

Merci à toi !