Un site responsive est un site qui est conçu et développé de façon à pouvoir s’adapter à toutes les résolutions d’écran. C’est donc un seul et même site qui peut être consulté sur ordinateur, sur smartphone ou sur tablette.
Entre l’écran d’un ordinateur et celui d’un smartphone, il y a de gros écarts de résolution (nombre de points aussi appelés pixels que peut afficher l’écran). Un écran d’ordinateur (de bureau ou portable) variera entre 1920 x 1200 et 1024 x 600, une tablette aura une résolution comprise entre 800 x600 et 1280 x 800 tandis qu’un mobile aura un écran compris entre 320 x 480 et 1080 x 1920 selon les modèles et les marques.
La technologie responsive permet d’adapter l’affichage des éléments du site à ces différentes largeurs d’écran. Comme une image vaut mille mots, voici un exemple d’affichage d’un site responsive sur différents supports.
Contrairement à un site mobile ou à une application, il n’est pas géré différemment et ne propose pas un contenu propre même s’il est possible de masquer certains éléments pour les trop petites résolutions.