Índice:
- Definição - O que significa Responsive Web Design (RWD)?
- Techopedia explica Responsive Web Design (RWD)
Definição - O que significa Responsive Web Design (RWD)?
O web design responsivo (RWD) é uma abordagem voltada para o desenvolvimento e design da Web, voltada para a criação de sites que proporcionam uma experiência visual eficiente e atraente com texto fácil de navegar sem alterar a resolução de uma tela de exibição.
Esse recurso se estende a qualquer dispositivo ou navegador usado para exibir um site, o que significa que a aparência e o layout do site mudam de acordo com o tamanho da tela de exibição.
Techopedia explica Responsive Web Design (RWD)
O RWD é usado para adaptar o layout de um site ao ambiente de visualização do usuário por meio de grades fluidas e baseadas em proporções, imagens flexíveis e CSS inteligente e uso de scripts.
O RWD usa os seguintes métodos:
- Grades de fluido, em que os elementos são redimensionados pelo uso de unidades relativas, como porcentagens, versus unidades absolutas, como medidas padrão e pixels
- Imagens flexíveis, também dimensionadas em unidades relativas
- Consultas de mídia em Cascading Style Sheet (CSS), que permitem a um site determinar o tipo de dispositivo, tamanho da tela e recursos do navegador, permitindo a entrega de diferentes regras de estilo com base nessas características
- Componentes do servidor com consultas de mídia, que permitem o carregamento mais rápido de sites - mesmo com velocidades de dados de celular mais lentas
