Je fais un petit site (http://ekkaia.tk/, mon code est ici → https://codepen.io/Ekkaia/pen/wqyjNR) et j'aurai besoin d'aide car je souhaite rendre mon site adapté aux différents formats d'écran. Mon problème est que je souhaite que mes "boites de couleur" prennent tout l'espace de la page lorsqu'il s'agit d'un écran mobile. J'ai essayé avec "width" dans les medias queries mais ça ne marche pas
Tu as un width de 40% sur .content, donc tes éléments ne peuvent pas faire plus. Mets cette valeur sur auto avec tes media queries.
Pour le reste :
Laisse tomber les ID, garde ça pour les ancres (ou les liens label/input). Pour ton CSS, utilise des classes.
De la même façon, donne des classes aux éléments plutôt que de faire des sélecteurs à rallonge avec des noms génériques de balises.
Width: 100%; c'est au mieux inutile, au pire source de problèmes (même s'ils sont minimisés par ton box-sizing).
Ton menu latéral n'a pas besoin d'être positionné en "fixed" ; c'est même un problème si jamais le contenu est plus grand que le viewport. Tu peux largement simplifier ça avec flexbox : https://www.emmanuelbeziat.com/blog/colonne-verticale-sur-toute-la-hauteur-de-page#nouvelle-methode-avec-flexbox
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Positionnement avec flexbox & medias queries
× 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.
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !