O design responsivo é uma abordagem essencial no desenvolvimento web moderno, garantindo que páginas sejam exibidas de forma adequada em dispositivos com diferentes tamanhos de tela, desde smartphones até desktops. Qual a técnica central utilizada para garantir que uma página web seja exibida adequadamente em dispositivos de diferentes tamanhos de tela?
- A)Definição de tamanhos fixos para elementos.
Errada, porque tamanhos fixos dificultam a adaptação e vão contra a lógica do design responsivo.
- B)Implementação de scripts server-side.
Errada, pois scripts server-side atuam no servidor e não são a técnica central para ajustar o layout à tela do usuário.
- C)Uso de tabelas para layout.
Errada, porque tabelas como layout são uma técnica antiga e pouco adequada para responsividade.
- D)Aplicação de CSS responsivo.
Certa, pois CSS responsivo é a base para adaptar o layout a diferentes tamanhos de tela.
- E)Utilização de imagens fixas.
Errada, porque imagens fixas não se ajustam bem a diferentes dispositivos e podem comprometer a responsividade.
Gabarito: D
Design responsivo é a ideia de fazer a página “se ajeitar” conforme a tela do usuário, sem precisar criar uma versão diferente para cada aparelho. Na prática, isso é feito principalmente com CSS responsivo, usando recursos como media queries, unidades flexíveis e layouts fluidos, que permitem reorganizar elementos, ajustar tamanhos e melhorar a leitura em celulares, tablets e desktops. O ponto central da questão está justamente aí: não basta a página existir, ela precisa se adaptar. Se tudo estiver preso em medidas fixas, o conteúdo pode ficar espremido, cortado ou com rolagem horizontal irritante. Já o CSS responsivo permite que o layout responda ao tamanho da viewport, o que é a base do design responsivo moderno. Por isso, o gabarito é a letra D. Em termos de boa prática web, o CSS é o principal instrumento para essa adaptação visual. A própria literatura de desenvolvimento web trata o responsive design como uma evolução natural do uso de CSS, especialmente com media queries e técnicas de layout flexível. Em prova, a banca costuma testar a diferença entre “aparência adaptável” e “lógica de servidor”. Aqui, a solução está no front-end, não em scripts server-side, tabelas ou imagens fixas. Simples assim: a página precisa acompanhar a tela, e quem faz esse trabalho é o CSS responsivo.