Questão de Desenvolvimento de Sistemas · FGV CGE-SC 2022 (nº 1)

Para que uma página web se ajuste automaticamente a diferentes tamanhos de tela (como celulares, tablets e computadores), ela precisa de uma instrução especial que diz ao navegador como ele deve tratar a "área visível" da página. Essa instrução é essencial para o design responsivo.

(A) Incorreta: O atributo `name="responsive"` não é um padrão reconhecido para configurar o viewport.
(B) Correta: Esta é a tag correta. `name="viewport"` informa ao navegador que estamos configurando a área visível da página. `content="width=device-width, initial-scale=1.0"` define que a largura da página deve ser igual à largura do dispositivo (`device-width`) e que o zoom inicial deve ser de 100% (`initial-scale=1.0`), garantindo que a página não seja ampliada ou reduzida por padrão.
(C) Incorreta: A palavra "responsive" no `content` é muito genérica e não fornece os parâmetros técnicos específicos (`width=device-width`, `initial-scale`) que o navegador precisa para renderizar a página de forma responsiva. Armadilha: A banca usa a palavra-chave "responsive" para tentar enganar, mas o navegador exige parâmetros técnicos específicos, não apenas um termo descritivo.
(D) Incorreta: `width=device-height` faria a largura da página se basear na altura do dispositivo, o que é inadequado para a maioria dos layouts responsivos. Além disso, `initial-scale=100%` não é o formato correto; o valor deve ser numérico, como `1.0`.
(E) Incorreta: Combina o erro de `name="responsive"` (não reconhecido) com `width=device-height` (incorreto para largura) e `initial-scale=100` (formato incorreto para o valor).