Pour un site Web que j'utilise, j'utilise des pourcentages pour les divs et lorsque je redimensionne la fenêtre du navigateur, la mise en page du site est chamboulée. Comment devrais-je continuer à utiliser des pourcentages et faire en sorte que la mise en page reste telle qu'elle est lors du redimensionnement du navigateur?modification de la mise en page du site lors du redimensionnement de la fenêtre du navigateur
lorsque vous définissez la largeur en%, essayez de régler min-width et max-largeur px
Vous pouvez utiliser l'attribut min-width pour empêcher votre mise en page de se réduire au-delà d'une certaine taille.
div { min-width: 500px; }
Browser support IE7 se comporte de façon incorrecte lorsque min-width est spécifié pour les éléments d'entrée. Bien que je doute que cela entre en jeu pour la mise en page de votre site.
Est-ce que min-width ne supporte que les pixels? –
Min-width prend en charge px, em et% comme toute autre spécification de largeur. – mrtsherman
Cela peut avoir beaucoup de raisons, en fonction de votre mise en page et le contenu réel. Sans voir un code réel, il sera difficile de fournir une réponse utile. –
Casser comment? Quand il devient trop large ou trop étroit? –
signifie que si je réduis la taille de la fenêtre, les divs deviennent plus étroites et plus étroites. –