Voilà, j'ai créer un petit test en responsive, après l'avoir testé dans mon navigateur je constate deux choses. Dans un premier temps je teste en rétrécissant le navigateur dans sa largeur et tout semble fonctionner avec mes trois boutons qui ont chacun 33,3% de largeur dans un conteneur à 100% width, donc jusque là, comme configuré avec un media querie à max 600px width, pas de problèmes.
Curieusement lorsque je fait un test avec l'inspecteur Chrome ou directement sur mon smartphone les choses se gâtent, je constate avec stupéfaction qu'arrivé à 600px width rien ne se passe...???
Ca fait plusieurs fois que je vois des gens qui mettent en exemple sur Codepen des barres de navigation sois disant responsives et qui en fait ne le sont pas vraiment, vu qu'ils ont ce mêmes problème...
Je me demandais donc si il existerait une personne qui pourrait apporté une explication à cette énigme ???
une image pour h1, ok, mais dans ce cas, remplis son attribut alt avec le texte présent dans l'image
width 100% est à éviter si on n'est pas dans le contexte d'une table ou d'un élément flex (surtout avec des margin auto qui ne vont donc servir à rien)
pour ta navbar, tu peux utiliser flexbox plutôt que float, c'est conçu pour ça (alors que float pas du tout)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)