Qual é a diferença entre design adaptativo e design responsivo?

O design adaptativo implica o uso de maquetes predefinidas (pontos de interrupção) para tamanhos específicos de ecrã. O design responsivo ajusta-se de forma flexível ao tamanho do ecrã graças a unidades relativas, uma grelha flexível e consultas de mídia.

Característica	Design adaptativo	Design responsivo
Abordagem	Conjunto de maquetes fixas	Fluido, flexível
Pontos de interrupção	Fixos, predefinidos	Flexíveis, dependentes do conteúdo
Unidades	Pixels (px)	Relativas (%, em, rem, vw, vh)
Maquete	Muda abruptamente ao atingir o ponto de interrupção	Escala suavemente e reestrutura
Uso	Para otimização em dispositivos específicos	Para escalonamento suave em qualquer dispositivo