Problème ajustement du site en fonction de la résolution

- - Dernière réponse : AstaLaVista1908
Messages postés
85
Date d'inscription
mercredi 24 septembre 2014
Statut
Membre
Dernière intervention
16 juillet 2019
- 14 juin 2019 à 17:25
Bonjour,

J'aurai besoin d'aide pour un résoudre un problème qui me tracasse.
Alors voila, j'ai pour projet de stage de développer un site web pour une entreprise, j'ai tres bien avancé et tout ce passe bien cependant j'ai des problème d'affichage en fonction de la résolution et si la fenetre est en pleine ecran ou non.
Je ne m'y connais pas trop en HTML/CSS mais je me débrouille ! J'aimerai trouver une solution a mon problème.

Merci d'avance


Configuration: Android / Chrome 75.0.3770.67
Afficher la suite 

3 réponses

Messages postés
85
Date d'inscription
mercredi 24 septembre 2014
Statut
Membre
Dernière intervention
16 juillet 2019
11
0
Merci
Hello,

En HTML/CSS tu peux utiliser les media queries pour optimiser ton affichage en fonction des tailles d'écran.

https://www.w3schools.com/css/css_rwd_mediaqueries.asp
Merci bien, je vais me penché dessus cette aprem et je te re dis !
Commenter la réponse de AstaLaVista1908
0
Merci
Après différents essaies, ce code la fonctionne toujours ?

[class*="col-"]
{
float: left;
padding: 15px;
}

@media only screen and (min-width: 768px)
{
/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}
AstaLaVista1908
Messages postés
85
Date d'inscription
mercredi 24 septembre 2014
Statut
Membre
Dernière intervention
16 juillet 2019
11 -
Salut,

Oui ton code fonctionne, fait juste gaffe, là ton code est appliqué lorsque ta page internet fait plus que 768 px.
Si tu veux faire l'inverse et que ce soit lorsque ta page internet fait moins que 768px il faut mettre (max-width:768px)
Commenter la réponse de ANXRq
Messages postés
26537
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
20 octobre 2019
1834
0
Merci
Bonjour,

Déjà.. à l'avenir, merci de poster ton code correctement sur le forum
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite...
1 - As tu vidé le cache de ton navigateur ?
2 - Quel est le code HTML qui va avec ce CSS ? (sans oublier de nous fournir TOUT le HTML/CSS qui est chargé dans ta page au cas où il y aurait d'éventuels conflits )
Commenter la réponse de jordane45