Questão de Tecnologia da Informação · FCC TRT23 2022 (nº 34)

Para que um site se ajuste bem a diferentes telas (celulares, tablets, computadores), o viewport é a área visível da página. Precisamos dizer ao navegador para que a largura dessa área seja igual à largura do aparelho e para que não haja zoom inicial.

• (A) Incorreta: A tag <viewport> não existe em HTML. A configuração da viewport é feita através de uma tag <meta>.
• (B) Correta: Esta é a sintaxe padrão e recomendada para configurar a viewport. A tag <meta> com o atributo name="viewport" indica que estamos configurando a área visível. O atributo content="width=device-width, initial-scale=1.0" instrui o navegador a definir a largura da página para a largura do dispositivo (device-width) e a não aplicar zoom inicial (initial-scale=1.0), garantindo que o site seja exibido corretamente em dispositivos móveis.
• (C) Incorreta: A tag <viewport> não existe em HTML. Armadilha da banca: Esta alternativa é muito tentadora porque o conteúdo do atributo content está correto (width=device-width, initial-scale=1.0), que é a parte mais importante da configuração. No entanto, a tag correta para incluir essa informação é <meta name="viewport">, e não apenas <viewport>. A banca tenta confundir o aluno com a parte interna correta, mas a estrutura externa da tag está errada.
• (D) Incorreta: O atributo correto é name="viewport", e não type="viewport". Além disso, initial-scale deve ser um número (ex: 1.0), não uma porcentagem (100%), e max-width é uma propriedade CSS, não um atributo da meta tag viewport.
• (E) Incorreta: O atributo correto é name="viewport", e não type="viewport". O atributo screen não é válido para a meta tag viewport, e width=100% não é a forma padrão; o correto é width=device-width.