L'adaptive design est une approche de création de sites web où plusieurs versions fixes d'une page sont conçues pour différents types d'appareils (mobile, tablette, ordinateur). Lorsqu'un utilisateur accède au site, le serveur détecte la largeur de son écran et affiche la version prévue pour cet appareil. Le responsive design classique, lui, repose sur un seul design flexible qui s'ajuste automatiquement à toutes les tailles d'écran grâce à des grilles et des media queries CSS. Donc, l'adaptive design utilise des mises en page prédéfinies et séparées, alors que le responsive design s'adapte en temps réel sur une seule base de code.