Pour adapter votre site web, vous pouvez partir de zéro, mais si vous n'avez pas de bonnes connaissances en la matière, il est conseillé d'utiliser l'un des nombreux cadres qui existent pour cela. Si vous ne voulez pas les utiliser parce que vous avez un projet déjà construit ou que vous voulez simplement le faire vous-même à partir de zéro :
Les mesures fixes sont mortes, vous devez utiliser des pourcentages à tout moment. Toutes les couches de votre site web doivent être en pourcentage de leur contenance totale.
Vous pouvez fixer une taille maximale absolue avec la propriété max-width et lui donner ensuite une largeur de 100 % si vous ne voulez pas qu'une couche dépasse une certaine taille.
Pour les textes, utilisez des mesures en "em", vous obtiendrez ainsi une meilleure adaptabilité dans différentes résolutions.
Pour les images, donnez-leur également une largeur maximale de 100, afin qu'elles soient toujours redimensionnées pour n'importe quelle taille. Utilisez les media-queries.
L'un des éléments de base du Responsive Design sont les medias-queries, avec eux nous pouvons donner une apparence ou une autre en fonction de plusieurs facteurs, le plus important est la taille de l'écran. Nous pouvons cacher le contenu, le déplacer, changer le design, tout pour que le résultat soit le plus adapté possible.