Auditor do Estado - Ciências da Computação - Tarde (Conhecimentos Específicos)
Um dos principais benefícios de se ter páginas web responsivas é melhorar a experiência do usuário em dispositivos móveis.Assinale a opção que apresenta o trecho correto de código que deve ser inserido em uma página web para torná-la responsiva.
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”.
Responsividade em páginas web – Meta tag viewport
Gabarito: letra B. Para tornar uma página web responsiva, é necessário incluir a meta tag <meta name="viewport" content="width=device-width, initial-scale=1.0"> no <head>. Essa tag instrui o navegador a controlar as dimensões e a escala da página, garantindo que o layout se ajuste corretamente a diferentes tamanhos de tela, especialmente em dispositivos móveis.
Alternativa A — ❌ Incorreta
O atributo name deve ser "viewport", e não "responsive". O valor "width=devicewidth" também está errado: o hífen correto é device-width. Além disso, initial-scale=1.0 não tem problemas, mas o nome está errado.
Alternativa B — ✅ Correta ⟵ GABARITO
Exatamente a sintaxe padrão: name="viewport" e content="width=device-width, initial-scale=1.0". Esse é o trecho recomendado pela especificação HTML e utilizado universalmente para design responsivo.
Alternativa C — ❌ Incorreta
O valor "responsive" para content não é reconhecido. A propriedade esperada é width=device-width, que define a largura da viewport como a largura do dispositivo.
Alternativa D — ❌ Incorreta
A propriedade correta é width=device-width, não width=device-height. Além disso, initial-scale=100% é inválido: o valor deve ser um número decimal, como 1.0.
Alternativa E — ❌ Incorreta
Novamente o name está errado ("responsive" em vez de "viewport"), e o valor "width=deviceheight" também está incorreto (falta o hífen e usa height).
PEGA ESSA DICA!
Para memorizar: a tag viewport é a única forma padronizada de controlar a responsividade via HTML. Grave os três elementos chave: viewport, width=device-width e initial-scale=1.0. Em provas, desconfie de alternativas que trocam "viewport" por "responsive" ou alteram os valores dos atributos.