Web Design Responsivo - Introdução
O que é Web Design Responsivo?
O web design responsivo faz com que sua página da web fique bem em todos os dispositivos.
Web design responsivo usa apenas HTML e CSS.
Web design responsivo não é um programa ou JavaScript.
Projetando para a melhor experiência para todos os usuários
As páginas da Web podem ser visualizadas usando muitos dispositivos diferentes: desktops, tablets e telefones. Sua página da web deve ter uma boa aparência e ser fácil de usar, independentemente do dispositivo.
As páginas da Web não devem deixar de fora informações para caber em dispositivos menores, mas sim adaptar seu conteúdo para caber em qualquer dispositivo:
Área de Trabalho
Tábua
Telefone
É chamado de web design responsivo quando você usa CSS e HTML para redimensionar, ocultar, reduzir, ampliar ou mover o conteúdo para que fique bem em qualquer tela.
Não se preocupe se você não entender o exemplo abaixo, vamos detalhar o código, passo a passo, nos próximos capítulos: