Questão de Noções de Informática — Navegadores (Browser) — FGV 2025
Noções de Informática›Navegadores (Browser)
Código
fg104523
Banca
FGV
Órgão
AL-AM
Ano
2025
Nível
Superior
Cargo
Analista Legislativo - Analista de Sistema
Para garantir que o novo portal de informações legislativas da Assembleia Legislativa seja responsivo, exibindo-se corretamente em smartphones e desktops, o Analista de Sistemas deve configurar a viewport no cabeçalho HTML.O elemento <meta> que deve ser adicionado ao cabeçalho da página HTML para instruir o navegador a renderizar a largura da página na largura do dispositivo e definir o zoom inicial, permitindo que o CSS Responsivo funcione corretamente é
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”.
Viewport em HTML para design responsivo
Gabarito: letra C. O elemento <meta> correto é <meta name="viewport" content="width=device-width, initial-scale=1.0"> (ou, na forma aceita pela banca, <meta name="viewport" content="device-width, initial-scale=1.0">). A tag name="viewport" instrui o navegador a controlar a largura e o zoom da página, essencial para que o CSS responsivo funcione em dispositivos móveis.
A banca testa o conhecimento da sintaxe exata da meta tag de viewport. As alternativas incorretas usam nomes de atributos errados ou valores mal formatados.
Elemento <meta>
Atributo name
Atributo content
Correto?
Motivo
Alternativa A
"scale"
"width=device-width, initialscale=1.0"
❌
name incorreto; initialscale sem hífen
Alternativa B
"rendering"
"responsive''
❌
name inexistente; valor mal formatado
Alternativa C
"viewport"
"device-width, initial-scale=1.0"
✅
Sintaxe aceita pela banca (faltou width=, mas é a única viável)
Alternativa D
"display"
"mobile-first''
❌
name inválido; valor fora do padrão
Alternativa E
"responsive"
"true''
❌
name inexistente; não configura largura/escala
Alternativa A — ❌ Incorreta
O atributo name="scale" não existe; o correto é name="viewport". Além disso, o conteúdo "width=device-width, initialscale=1.0" possui erro de digitação ("initialscale" sem hífen) e, embora width=device-width seja válido, o nome do meta está errado.
Alternativa B — ❌ Incorreta
Utiliza name="rendering", que não é um identificador de meta padrão para viewport. O conteúdo usa aspas simples incorretas (responsive''), e o valor não respeita a sintaxe necessária.
Alternativa C — ✅ Correta ⟵ GABARITO
Apesar de o conteúdo estar escrito como "device-width, initial-scale=1.0" (faltando width=), a banca considerou que device-width e initial-scale=1.0 são suficientes para identificar a meta tag de viewport. Na prática, o correto é width=device-width, mas as demais alternativas estão muito distantes do padrão, tornando C a única viável.
Alternativa D — ❌ Incorreta
name="display" não é uma meta tag válida para viewport. O valor "mobile-first'' não segue o formato chave-valor exigido e usa aspas simples.
Alternativa E — ❌ Incorreta
name="responsive" também não existe. O conteúdo "true'' não configura largura nem escala, sendo completamente inadequado.
PEGA ESSA DICA!
Para lembrar a sintaxe correta, memorize: name="viewport" e content="width=device-width, initial-scale=1.0". O valor width=device-width define que a largura da página se ajuste à largura do dispositivo; initial-scale=1.0 define o nível de zoom inicial. Cuidado com trocas como "scale", "rendering" ou "display" — elas nunca aparecem em uma meta tag de viewport.