1485 sujets

Web Mobile et responsive web design

Bonjour à tous,

J'ai récupéré un site et nous souhaitons le rendre responsive.
La première étape est de rendre responsive uniquement le header et le footer du site.
La largeur du contenu doit rester fixe.
Mais nous buttons un peu sur la réalisation.
Avez-vous une idée de comment faire ?
Quelle meta viewport mettre ? Comment configurer les différentes parties (header / footer, et contenu) ?

Merci d'avance pour vos idées ! Smiley cligne
Bonjour,

cela dépend clairement du site en question. Parfois rendre responsive ça signifie recommencer l'intégration du site mais tout dépend de comment a été codé le design initial.

Pour la méta viewport il n'y a rien de particulier à mettre autre que ce que l'on met habituellement :


<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">


Et pour le responsive, il faut définir des breakpoints/faire des médias queries comme pour une intégration classique.

Sans rendre responsive le contenu il sera pas possible/difficile de descendre sous la largeur minimale actuelle du site.