Definição – O que significa Web Design Responsivo (RWD)?
Web design responsivo (RWD) é uma abordagem de desenvolvimento e design da Web voltada para a criação de sites que fornecem uma experiência visual eficiente e atraente com texto fácil de navegar sem alterar a resolução de uma tela.
Esse recurso se estende a qualquer dispositivo ou navegador usado para visualizar um site, o que significa que a aparência e o layout do site mudam de acordo com o tamanho da tela.
Definirtec explica Web Design Responsivo (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ção, imagens flexíveis e CSS inteligente e uso de script.
O RWD usa os seguintes métodos:
- Grades fluidas, onde os elementos são redimensionados através do uso de unidades relativas, como porcentagens, versus unidades absolutas, como medidas padrão e pixels
- Imagens flexíveis, que também são dimensionadas em unidades relativas
- Consultas de mídia em Cascading Style Sheet (CSS), que permitem a um site determinar o tipo de dispositivo, o tamanho da tela e os recursos do navegador, permitindo a entrega de diferentes regras de estilo com base nessas características
- Componentes do lado do servidor com consultas de mídia, que permitem sites de carregamento mais rápido – mesmo com velocidades de dados celulares mais lentas