Adaptation d'un site selon l'écran.
Bonsoir à tous,
J'ai un gros soucis.
Voilà, je viens de créer mon site sur un écran de résolution 1920 x 1080. Comme un imbécile, j'ai complètement zappé l'histoire de résolution.
Me voilà un peu embêter. Lorsque j'ai voulu accéder à mon site depuis un autre écran, plus petit, les éléments se sont éclatés dans la page, puisqu'ils ne rentrent pas sur l'écran plus petit.
J'ai cherché des solutions sur internet, mais rien à faire, rien ne marche.
Est-ce que quelqu'un aurait une solution ?
Je vous en remercie d'avance.
Nico.
Mokrani Zahirsalut Nicolas
Le 19/08/2018 à 18:30
tu va utiliser règle css c'est @media
tu a tous explication simple d’utilisation sur ce site : https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
grosso modo tu va utiliser @media screen and (max-width:680px) pour tablette et 480px pour mobile mai sa change
exemple :
@media screen and (max-width:680px) {
.content{
width:100%;
}
}
aven tous il faut mettre dans ta page le script <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
NicolasBonsoir Mokrani Zahir.
Le 20/08/2018 à 17:02
Je te remercie pour ta réponse, je vais le faire de suite.