Questão FC373500
Em um arquivo CSS, as configurações específicas a serem aplicadas somente se a janela do navegador tiver largura de até 600 px devem ser colocadas dentro das chaves da instrução
Desenvolvimento Web
FCC · 2023
Em um arquivo CSS, as configurações específicas a serem aplicadas somente se a janela do navegador tiver largura de até 600 px devem ser colocadas dentro das chaves da instrução
- @viewport (width=device-width:600px, initial-scale:1.0) { }
- @viewport with max-width <= 600px { }
- @screen stretch(max-width <= 600px) { }
- @viewport (max-width: 600px) { }
- @media only screen and (max-width: 600px) { }
Mostrar resposta e comentário
Gabarito
Errado
Comentário do professor
A instrução @media é uma regra de Media Query que aplica estilos condicionais conforme características do dispositivo ou da janela.
only screen limita a aplicação a dispositivos de tela (monitores, tablets, smartphones), evitando que a regra afetem mídias como impressão.
(max-width: 600px) é a condição que determina quando os estilos internos serão aplicados: somente se a largura da janela for igual ou inferior a 600 pixels.
As declarações CSS que você quer adaptar para telas pequenas devem ser colocadas entre as chaves da instrução, por exemplo: @media only screen and (max-width: 600px) { /* estilos */ }.
Assim, é possível ajustar layout, fontes e espaçamentos exclusivamente para janelas estreitas sem impactar dispositivos maiores.
Conteúdo do catálogo FC Concursos · Atualizado em