Logo Passei Direto
Buscar
Ao projetar interfaces que funcionem em diversos dispositivos, o design responsivo utiliza recursos do CSS3 para ajustar automaticamente a distribuição dos elementos conforme a largura disponível. Essa estratégia visa adequar imagens, textos e layouts para garantir boa experiência tanto em desktops quanto em smartphones, utilizando um único desenvolvimento que reage às mudanças do navegador. Com base nesse conceito, qual situação exemplifica corretamente o uso de design responsivo? A Criar três versões separadas do mesmo site (desktop, tablet e smartphone), cada uma com layout fixo. B Utilizar consultas de mídia (media queries) para reorganizar elementos e redimensionar imagens conforme a largura da tela. C Redirecionar automaticamente o usuário para “m.site.com” ao acessar pelo celular. D Construir layouts exclusivamente para desktop e permitir que o navegador reduza tudo proporcionalmente. E Carregar a mesma estrutura fixa em qualquer dispositivo, ajustando apenas o zoom.
User badge image
Philipe Souza

mês passado

Respostas

User badge image

Ed Verified user icon

mês passado

Vamos analisar as alternativas com base no conceito de design responsivo, que utiliza CSS3, especialmente media queries, para ajustar automaticamente o layout conforme a largura da tela, sem criar versões separadas ou redirecionar o usuário. A) Criar três versões separadas do mesmo site (desktop, tablet e smartphone), cada uma com layout fixo. — Isso não é design responsivo, mas sim design adaptativo ou versões separadas. B) Utilizar consultas de mídia (media queries) para reorganizar elementos e redimensionar imagens conforme a largura da tela. — Correto! Essa é a essência do design responsivo. C) Redirecionar automaticamente o usuário para “m.site.com” ao acessar pelo celular. — Isso é design adaptativo, não responsivo. D) Construir layouts exclusivamente para desktop e permitir que o navegador reduza tudo proporcionalmente. — Isso não garante boa experiência em dispositivos móveis. E) Carregar a mesma estrutura fixa em qualquer dispositivo, ajustando apenas o zoom. — Também não é design responsivo. Portanto, a alternativa correta é: B) Utilizar consultas de mídia (media queries) para reorganizar elementos e redimensionar imagens conforme a largura da tela.

Essa resposta te ajudou?

0
Dislike0

Ainda não achou a resposta?

  • Integrado com os principais modelos de IA do mercado
  • Respostas em segundos
  • IA treinada para estudantes brasileiros.
PasseIA logoEvolua sua forma de estudar

Cadastre-se ou realize login

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Mais conteúdos dessa disciplina