Design responsivo

O design responsivo é uma abordagem à criação de páginas Web em que o esquema se adapta ao tamanho do ecrã, desde monitores de computador de secretária largos até telemóveis estreitos. Uma página responsiva reorganiza e redimensiona o seu conteúdo com esquemas flexíveis e regras de CSS, em vez de disponibilizar um site móvel separado.

Depende de a página declarar corretamente a sua janela de visualização: sem essa declaração, os navegadores móveis apresentam a página com uma largura fixa semelhante à de um computador e depois reduzem-na para caber, anulando completamente o esquema responsivo e obrigando os visitantes a ampliar e reduzir com os dedos.

Saiba mais

• Design Web responsivo - o guia da MDN sobre técnicas de design responsivo
• Janela de visualização
• CSS