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
A voir également:
- Problème ajustement du site en fonction de la résolution
- Site de telechargement - Accueil - Outils
- Fonction si et - Guide
- Site comme coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site de partage de photos - Guide
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
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
ANXRq
Merci bien, je vais me penché dessus cette aprem et je te re dis !
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%;}
}
[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 )
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 )
