O que é responsividade

A responsividade é a capacidade do site se adaptar a diferentes dispositivos. Antigamente os sites eram projetados apenas para acessos pelos computadores.

Hoje em dia, os acessos vêm primariamente através de smartphones. Dessa forma, é importante que os programadores consigam criar sites que se adaptem aos diferentes dispositivos.

Viewport

O primeiro conceito que você precisa entender para trabalhar com responsividade é o conceito de Viewport. O Viewport é a área disponível para o site no dispositivo. Diferentes dispositivos têm diferentes tamanhos de viewport.

O HTML5 introduziu o controle desse viewport para os programadores. Dessa forma, a partir do HTML5 ficou mais fácil criar sites responsivos.

Para criar sites responsivos é importante seguir algumas dicas:

• Não use elementos grandes com largura fixa;
• Não permita que o conteúdo dependa de determinada largura de viewport para renderizar bem;
• Aplique diferentes estilos para diferentes tamanhos de tela.