Site responsive - HTML/CSS - Programmation
Marsh Posté le 14-06-2017 à 21:02:21
Utilise bootstrap et sa grille tu pourras faire ton responsive.
Un site se construit en responsive en même temps que tu le codes pas après parce que tu vas devoir revoir toute ta grille...
Sinon les media query en CSS
Marsh Posté le 14-06-2017 à 22:47:18
Bonsoir,
Je te remercie. J'ai testé le site : il s'affiche correctement sur PC, tablette et smartphone. C'est OK.
Bonne fin de semaine.
Marsh Posté le 16-06-2017 à 15:10:56
RE... bonjour,
Je vous explique mieux le problème et mon intention.
1. J'ai commencé la programmation en html d'un site éducatif (déjà 250 heures de travail) destiné aux enseignants et aux particuliers.
2. Si l'affichage est correct sur PC, sur tablette il n'est pas assez centré : les pages de théorie sont décalées vers la droite. Quant aux exercices, pas de problème.
3. Comment pallier cet inconvénient de la manière la plus simple possible ? Je ne suis pas expert en informatique.
4. Si vous disposez d'un peu de temps, vous pouvez vous rendre compte du problème :
http://www.fran-classe.be
Je vous remercie sincèrement.
Marsh Posté le 04-12-2017 à 14:36:11
Bonjour
il faut tous simplement faire un Css pour desktop, un Css pour mobile et un Css pour tablette de la façon suivante
/* propriétés pour desktop */
@media screen and (max-width: 976px)
{
/* propriétés pour tablette */
}
@media screen and (max-width: 480px)
{
/* propriétés pour mobile */
}
Marsh Posté le 13-12-2017 à 09:50:11
Bonjour,il faut:
-spécifier des plages de largeurs, chacune appliquant un CSS spécifique
-déclarer des largeurs maximales pour l’application de chaque CSS (les valeurs du CSS mobile écrasent celles des CSS tablette qui remplaçaient les CSS “desktop” définies par défaut)
-définir des largeurs minimales pour l’application de chaque CSS (dans le sens inverse, le design “desktop” se substituent aux CSS tablette qui elles-mêmes écrasent les CSS mobile).
Marsh Posté le 13-06-2017 à 22:37:13
Bonjour,
J'ai construit mon site en HTML
Que puis-je faire pour qu'il soit RESPONSIVE et s'affiche correctement sur les tablettes ?
Merci.