Assim surge o Layout Responsivo ou Web Design Responsivo (WDR), uma solução para melhorar a experiência do usuário e facilitar o desenvolvimento de sites.
Esse termo vem sendo utilizado a pouco tempo, pois há alguns anos bastava uma resolução de 1024×768 pixels para criar um site, já que a maioria dos usuários se adequava a esse padrão de resolução. Mas com o avanço dos dispositivos móveis, resoluções cada vez maiores e novas tecnologias, esse padrão já não fazia mais sentido.
Pra você ter uma ideia, o mês de julho de 2016 ainda não terminou e já tivemos mais de 100 resoluções diferentes acessando o nosso blog. Outro exemplo, é a variedade de smartphones na sua família e entre os seus amigos. Isso é prova de que os dispositivos que acessam um site, blog ou loja virtual podem variar muito.
*Dados retirados do Google Analytics – Público-alvo > Celular > Dispositivos > Dimensão Principal > Resolução de Tela.
O conceito de Layout Responsivo ou WDR foi citado pela primeira vez por Ethan Marcotte em 25 de maio de 2010 no ALISTAPART.