Conception adaptative

La conception adaptative est une approche de création de pages Web qui permet à leur mise en page de s’adapter à la taille de l’écran, des grands écrans d’ordinateur de bureau aux petits téléphones. Une page adaptative réorganise et redimensionne son contenu au moyen de mises en page flexibles et de règles CSS, au lieu de proposer un site Web mobile distinct.

Elle repose sur le fait que la page déclare correctement son viewport : sans cette déclaration, les navigateurs mobiles affichent la page avec une largeur fixe semblable à celle d’un ordinateur de bureau, puis la réduisent pour l’ajuster à l’écran, ce qui annule complètement la mise en page adaptative et oblige les visiteurs à pincer et à zoomer.

En savoir plus

• Conception Web adaptative - Guide de MDN sur les techniques de conception adaptative
• Viewport
• CSS