Le design « responsive » est apparu avec les appareils mobiles et la nécessité d’adapter l’affichage à des écrans très petits.
Il améliore le design fluide auquel il associe des méthodes CSS3 Media Queries permettant de modifier les styles.
La conception en responsive design ou design responsif redimensionne la largeur des éléments par rapport à la taille de la fenêtre changeante.
Attention cette approche de conception web combine une mise en page fluide, des media queries et des images adaptatives pour fournir une expérience optimale sur tous les appareils et supports, indépendamment de leur taille d’écran ou de leur résolution.
Elle ne doit pas être confondue avec l’une ses composantes le design fluid ou même le design adaptatif.
Une mise en page fluide est une technique de base pour rendre le contenu extensible.
Le responsive design intègre cette fluidité avec des media queries et des images adaptatives pour une adaptation dynamique.
Le design adaptatif propose des versions fixes pour différentes tailles d’écran, sans nécessairement utiliser la fluidité.
Synonyme : RWD, Responsive Webdesign, Responsive Design