Site responsivos

Mas afinal o que é um site responsivo?

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.

Veja um site responsivo exibido no formato desktop:

O mesmo site responsivo exibido no formato celular e tablet:

 

Como testar um site responsivo

Existem dezenas de sites que simulam várias resoluções de telas para você testar o seu site como por exemplo o Responsive Design Checker.

O Google também possui um site para você fazer um teste de compatibilidade com dispositivos móveis. Para acessá-lo clique aqui.