Le Responsive Web Design (RWD) ou Web Mobile-friendly est une technique de réalisation de site web, qui permet de faire des sites qui s’adaptent automatiquement à la largeur de l’écran.
Quand on dispose de moins de place en largeur, on peut mettre moins de blocs côte à côte. Dans ce cas, on les positionne plutôt de haut en bas.
On peut aussi considérer que certains blocs moins importants sont inutiles sur des mobiles et les faire disparaître (vous remarquerez que le bloc gris n’apparaît plus dans la version mobile). On peut aussi, à l’inverse, faire apparaître de nouveaux blocs et outils de navigation sur mobile si on le souhaite.
Le Responsive Web Design peut s’appliquer à d’autres usages qu’un site internet. Tout ce qui utilise des technologies web peut être pensé responsif:
Pour comprendre le principe, le mieux est de regarder comment un site web responsif s’adapte en fonction de la largeur de l’écran, vous pouvez faire le test via le lien : http://www.mikweb.ma/demo/
Vous pouvez lire le document suivant pour comprendre l’importance du responsif web design pour un site web : responsive-web-design-avantages.pdf
Vous avez 2 possibilités: