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

ANXRq -  
AstaLaVista1908 Messages postés 85 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

3 réponses

Réponse 1 / 3
AstaLaVista1908 Messages postés 85 Date d'inscription   Statut Membre Dernière intervention   33
 
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
0
ANXRq
 
Merci bien, je vais me penché dessus cette aprem et je te re dis !
0
Réponse 2 / 3
ANXRq
 
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%;}
}
0
AstaLaVista1908 Messages postés 85 Date d'inscription   Statut Membre Dernière intervention   33
 
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)
0
Réponse 3 / 3
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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 )
0

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses
Colis en cours de transport vers votre site de livraison ?
Ninan_5568 -
JulieVdr -

7 réponses