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?
ADefinição de tamanhos fixos para elementos.
BImplementação de scripts server-side.
CUso de tabelas para layout.
DAplicação de CSS responsivo.
EUtilização de imagens fixas.
Revelar gabarito e comentário▾
GabaritoD — Aplicação de CSS responsivo.
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
Design Responsivo
Gabarito: letra D. A técnica central do design responsivo é a aplicação de CSS responsivo, que utiliza media queries, unidades relativas (%, vw, vh), flexbox, grid e outros recursos para adaptar o layout a diferentes tamanhos de tela, garantindo a experiência adequada em dispositivos variados.
Design responsivo
1Técnica central
CSS responsivo
Media queries
Unidades relativas (%, vw, vh)
Flexbox / Grid
2Técnicas inadequadas
Tamanhos fixos
Tabelas para layout
Imagens fixas
Scripts server-side
LEVEL · soulevel.com.br
Alternativa A — ❌ Incorreta
A definição de tamanhos fixos para elementos impede a adaptação a diferentes telas, sendo justamente o oposto do que o design responsivo propõe. O responsivo exige elementos flexíveis, não fixos.
Alternativa B — ❌ Incorreta
Scripts server-side (como PHP, Node.js no servidor) são executados no servidor e não têm relação direta com a adaptação visual da página ao tamanho da tela. O ajuste responsivo ocorre no lado cliente, via CSS.
Alternativa C — ❌ Incorreta
O uso de tabelas para layout é uma técnica obsoleta e não responsiva; tabelas não se adaptam fluidamente a diferentes resoluções, além de prejudicarem acessibilidade e semântica.
Alternativa D — ✅ Correta ⟵ GABARITO
A aplicação de CSS responsivo é a técnica central do design responsivo. Por meio de media queries, é possível aplicar estilos condicionais conforme a largura da viewport, e com unidades relativas e layouts flexíveis (flexbox/grid), o conteúdo se ajusta automaticamente.
Alternativa E — ❌ Incorreta
Imagens fixas (com largura e altura definidas em pixels) não se redimensionam, causando overflow ou distorção em telas menores. O responsivo exige imagens flexíveis, geralmente com max-width: 100%.