Problème ajustement du site en fonction de la résolution
ANXRq
-
AstaLaVista1908 Messages postés 88 Statut Membre -
AstaLaVista1908 Messages postés 88 Statut Membre -
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
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
3 réponses
-
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
-
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%;}
} -
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 )
