28172 sujets
CSS et mise en forme, CSS3
africa a écrit :
Bonjour
Je souhaite que ma page ne dépasse pas 1600 px sur tous supports ...
Est ce que le code ci dessous est bon ? Merci Bonne journée
@media (max-width: 1600px) { .container{max-width:1600px;} }
Bonjour Africa,
Je ne peux pas dire qu'il soit faux mais en tout cas il n'est pas optimal.
.container fait-il référence à Html ou body ?
Dans tous les cas j'écrirais simplement en tête de ma feuille de style
.container {/* si tu souhaites préserver ton choix d'une classe container */
max-width: 1600px;
}
/* ou */
body {/* pas mal de cibler l'élément body mais perfectible */
max-width: 1600px;
}
/* ou */
html {/* mieux vu qu'il n'a pas de parent qui puisse le dépasser de part sa taille */
max-width: 1600px;
}
/* ou, selon le déroulement du body */
html {
max-width: 1600px;
}
body {
width: 100%;/* si le body n'est plus un block */
}
/* par exemple, peut-être affiné */L'application d'une Media Querie n'apporte rien dans ce cas.