Responsive design

Le responsive design est une approche de création de pages web visant à adapter leur mise en page à la taille de l’écran, des grands écrans d’ordinateur aux smartphones étroits. Une page responsive réorganise et redimensionne son contenu à l’aide de mises en page flexibles et de règles CSS, plutôt que de proposer un site mobile distinct.

Cela suppose que la page déclare correctement son viewport : sans cette déclaration, les navigateurs mobiles affichent la page avec une largeur fixe de type bureau puis la réduisent pour la faire tenir, ce qui annule complètement la mise en page responsive et oblige les visiteurs à pincer et zoomer.

En savoir plus

• Conception de sites web responsives - Guide MDN des techniques de responsive design
• Viewport
• CSS