Mas afinal, o que é um site responsivo? 

Smartphones e tablets chegam a vender mais que computadores, e as aplicaçoes web para suportar esta mudança ?

Site ou layout responsivo, ou também conhecido como site flexível é quando o site automaticamente se encaixa no dispositivo do usuário (PC, celular, tablet, etc).

Um site responsivo muda a sua aparência e disposição com base no tamanho da tela em que o site é exibido. Então, se o usuário tem uma tela pequena, os elementos se reorganizam para lhe mostrar as coisas principais em primeiro lugar.

Em smartphones a navegação e experiência do usuário fica difícil e limitada tendo que usar recursos de zoom in e out para ler a página na integra. Outros detalhes como botões e menus ficam desformatados pois não foram feitos para esse dispositivo ou resolução.

O Responsivo Design torna a navegação mais confortável para os usuários, a reestruturação do layout para se adaptar a qualquer resolução de tela, desde desktops até celulares tem se tornado cada vez mais necessária.

Isso porque, hoje em dia, 69% da navegação é feita através de desktops e notebooks e 41% acessa a partir de dispositivos móveis (de acordo com o Webop).

A tendência é que essa porcentagem aumente cada vez mais, pois a ideia de poder se conectar de qualquer lugar é o que atrai as pessoas para o mobile.

A tela do seu navegador ao se redimensionar atingirá a largura de diferentes dispositivos e proporcionalmente o protótipo se ajustará.

Você pode ter também sites que são bem visualizados em aplicativos mobile, porém com versões diferentes de conteúdo e usabilidade, normalmente com menor quantidade de conteúdo.