Rendre mon site responsive
Fermé
geiffy
Messages postés
15
Date d'inscription
dimanche 29 avril 2018
Statut
Membre
Dernière intervention
4 février 2022
-
6 oct. 2018 à 10:31
geiffy Messages postés 15 Date d'inscription dimanche 29 avril 2018 Statut Membre Dernière intervention 4 février 2022 - 6 oct. 2018 à 15:43
geiffy Messages postés 15 Date d'inscription dimanche 29 avril 2018 Statut Membre Dernière intervention 4 février 2022 - 6 oct. 2018 à 15:43
A voir également:
- Rendre mon site responsive
- Site de telechargement - Guide
- Site inaccessible - Guide
- Site de vente entre particulier - Guide
- Site partage photo - Guide
- Darkino site - Guide
2 réponses
dugenou
Messages postés
6087
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
30 juillet 2021
1 451
Modifié le 6 oct. 2018 à 10:44
Modifié le 6 oct. 2018 à 10:44
Bonjour,
Cette question a déjà été posée de nombreuses fois, tu trouveras les liens sous ta question.
Pour une solution simple : https://forums.commentcamarche.net/forum/affich-34154212-rendre-mon-site-responsive#5
Le lien direct : https://www.alsacreations.com/astuce/lire/1177-une-feuille-de-styles-de-base-pour-le-web-mobile.html
Cette question a déjà été posée de nombreuses fois, tu trouveras les liens sous ta question.
Pour une solution simple : https://forums.commentcamarche.net/forum/affich-34154212-rendre-mon-site-responsive#5
Le lien direct : https://www.alsacreations.com/astuce/lire/1177-une-feuille-de-styles-de-base-pour-le-web-mobile.html
jordane45
Messages postés
38145
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
25 avril 2024
4 650
6 oct. 2018 à 12:41
6 oct. 2018 à 12:41
Bonjour,
La réponse de dugenou ...c'est une réponse simpliste... et qui ne prend pas réellement en compte le véritable aspect "responsive" d'un site.
Le réponsive ne sert pas juste à dimensionner la page.... il sert aussi à la réorganiser.. voir à en changer le contenu (ou du moins l'aspect).
En responsive, on peut avoir besoin de masquer des zones de l'écran qui ne seraient pas utiles sur un smartphone par exemple.
On peut aussi jouer avec l'aspect... lorsqu'on passe en affichage "mobile" on aura tendance à remplacer les "label" présents devant les input par des incones, le menu devient un "menu burger" , changer l'ordre dans lequel certains éléments s'affichent...etc...
Si tu n'as pas envie de coder tout le css toi même .. tu peux utiliser un framework css tel que Bootstrap.
Par contre, ça implique (dans tous les cas de toute manière....) que tu repasses entièrement sur ton code pour utiliser les CLASS et les ATTRIBUTS du CSS afin de le rendre responsive.
La réponse de dugenou ...c'est une réponse simpliste... et qui ne prend pas réellement en compte le véritable aspect "responsive" d'un site.
Le réponsive ne sert pas juste à dimensionner la page.... il sert aussi à la réorganiser.. voir à en changer le contenu (ou du moins l'aspect).
En responsive, on peut avoir besoin de masquer des zones de l'écran qui ne seraient pas utiles sur un smartphone par exemple.
On peut aussi jouer avec l'aspect... lorsqu'on passe en affichage "mobile" on aura tendance à remplacer les "label" présents devant les input par des incones, le menu devient un "menu burger" , changer l'ordre dans lequel certains éléments s'affichent...etc...
Si tu n'as pas envie de coder tout le css toi même .. tu peux utiliser un framework css tel que Bootstrap.
Par contre, ça implique (dans tous les cas de toute manière....) que tu repasses entièrement sur ton code pour utiliser les CLASS et les ATTRIBUTS du CSS afin de le rendre responsive.
geiffy
Messages postés
15
Date d'inscription
dimanche 29 avril 2018
Statut
Membre
Dernière intervention
4 février 2022
1
6 oct. 2018 à 15:43
6 oct. 2018 à 15:43
Merci Jordane pour cette réponse. Je constate qu'il faut être un webmaster qualifié pour rendre un site responsive. Cela ne se réduit pas à insérer quelques lignes de code supplémentaires dans le html et le css de la page.
6 oct. 2018 à 12:14
Merci pour ton aimable réponse, mais je n'ai pas trouvé la réponse exacte à ma question. Cordialement.
6 oct. 2018 à 12:25
Et le code CSS dans ton fichier style.css :