Parfois abrégée en RWD, la conception Web réactive est une méthode de création de pages Web afin qu’elles s’adaptent au périphérique qui affiche le document. Par exemple, lorsqu'un utilisateur consulte un site Web sur un ordinateur de bureau, il dispose souvent d'un grand écran avec une police de 12 à 18 points. Cependant, lorsque ce même site est visualisé depuis un smartphone ou une tablette, il est réduit. Même si l’écran est un peu plus étroit, le contenu est beaucoup plus petit; par conséquent, il devrait être ajusté afin que l'utilisateur puisse avoir une meilleure expérience de navigation.

Comment ça marche?

Une conception Web réactive utilise des mesures en pourcentage pour les éléments HTML afin qu'ils s'adaptent correctement, plutôt que sur les mesures fixes. De plus, la règle @media est utilisée pour appeler des paramètres CSS spéciaux en fonction du périphérique. généralement en fonction de la largeur du navigateur.

Sigles informatiques, termes Internet, pixel, point, conception Web, termes de conception Web