Questão de Noções de Informática — Internet — Quadrix 2025

Design Responsivo

Gabarito: letra B. Responsividade é a capacidade de um site ou interface se adaptar automaticamente ao tamanho da tela e ao dispositivo em que está sendo exibido — exatamente o que a alternativa B descreve. Essa é a definição central do conceito, que se tornou essencial com a variedade de dispositivos (smartphones, tablets, desktops) usados para acessar a Internet.

O design responsivo é uma abordagem de desenvolvimento web que faz com que o layout, as imagens e os textos de uma página se ajustem fluidamente ao viewport — a área visível da tela — do dispositivo do usuário. Em vez de criar versões separadas de um site para cada tipo de aparelho, o design responsivo usa técnicas como media queries (do CSS) e grades fluidas para que um único código sirva a todos os tamanhos de tela. A ideia é que a experiência de navegação seja confortável e legível tanto em um celular de 5 polegadas quanto em um monitor de 27 polegadas, sem que o usuário precise dar zoom ou rolar a página horizontalmente.

A razão de ser da responsividade é prática: hoje, grande parte do tráfego da Internet vem de dispositivos móveis. Se um site não se adapta, o conteúdo fica desalinhado, os botões ficam pequenos demais para toque e a leitura se torna cansativa — o que afasta visitantes e prejudica o ranqueamento em buscadores. Por isso, a responsividade não é um recurso opcional, mas um requisito de qualidade e usabilidade para praticamente qualquer site moderno.

Na prática, um site responsivo funciona assim: ao abrir a mesma página em um celular e em um computador, os elementos se reorganizam — o menu pode virar um ícone de hambúrguer, as colunas de texto se empilham e as imagens redimensionam — mas o conteúdo é o mesmo. Um exemplo concreto: uma loja virtual exibe seus produtos em três colunas no desktop; no smartphone, essas mesmas colunas se empilham verticalmente para caber na largura da tela. Essa adaptação acontece automaticamente, sem que o usuário precise fazer nada.

A pegadinha desta questão é justamente confundir responsividade com outras características que não lhe são inerentes. As alternativas A, C, D e E descrevem coisas que podem até estar presentes em alguns sites, mas não definem o que é ser responsivo. A banca explora o fato de o candidato associar responsividade a qualquer qualidade positiva de um site, quando o termo tem um significado técnico bem específico: a adaptação ao tamanho da tela.

Guarde o critério decisivo: responsividade é sobre adaptação ao tamanho da tela e ao dispositivo. É essa a fronteira que separa a alternativa correta das demais — as outras opções falam de compatibilidade, desempenho ou estética, que não são a essência do conceito.

Alternativa A — ❌ Incorreta

"Funciona em todos os computadores" não define responsividade. Um site pode funcionar em todos os computadores sem ser responsivo — por exemplo, um site com largura fixa que abre corretamente em qualquer desktop, mas não se adapta a telas menores. A responsividade diz respeito à adaptação a diferentes tamanhos de tela, não à compatibilidade com computadores. Além disso, a alternativa fala apenas de computadores, ignorando os dispositivos móveis, que são o principal motivo da existência do design responsivo.

Alternativa B — ✅ Correta ⟵ GABARITO

Esta é a definição exata de responsividade: "adapta-se automaticamente a diferentes tamanhos de telas e dispositivos". O termo "automaticamente" é a palavra-chave — a adaptação acontece sem intervenção do usuário, graças a técnicas como media queries e layouts fluidos. É exatamente o que o enunciado descreve: sites e interfaces que se ajustam ao tamanho de tela disponível.

Alternativa C — ❌ Incorreta

"Exige mais memória gráfica" é uma característica de desempenho, não de responsividade. Um site responsivo pode até usar mais ou menos memória dependendo de como foi construído, mas isso não é uma característica que o define. A responsividade é sobre layout e adaptação visual, não sobre consumo de recursos do dispositivo. Um site não responsivo pode exigir mais memória gráfica do que um responsivo, dependendo da implementação.

Alternativa D — ❌ Incorreta

"Depende de conexão de alta velocidade" também não é uma característica de responsividade. Um site responsivo funciona igualmente bem em conexões lentas ou rápidas — a adaptação ao tamanho da tela é feita no código, no dispositivo do usuário, e não depende da velocidade da Internet. A confusão aqui pode ser com o carregamento de conteúdo pesado, mas isso é uma questão de otimização, não de responsividade.

Alternativa E — ❌ Incorreta

"Adaptação das cores neutras" não tem relação com responsividade. Cores neutras são uma escolha estética de design, não um mecanismo de adaptação a telas. A responsividade trata da estrutura e do layout da página — como os elementos se reorganizam — e não da paleta de cores. Essa alternativa mistura conceitos de design visual com o conceito técnico de responsividade.

Gabarito: letra B