Questão FC373497
Em uma página de uma aplicação web que utiliza CSS3 foi digitado o bloco de configurações abaixo. @ media screen and (max-width: 480px) { /* Configurações */ } Essa media query
Desenvolvimento Web
FCC · 2024
Em uma página de uma aplicação web que utiliza CSS3 foi digitado o bloco de configurações abaixo.
@ media screen and (max-width: 480px) {
/* Configurações */
}
Essa media query
- será executada em dispositivos cuja tela seja maior que 480 pixeis.
- será chamada por meio de uma instrução @import query('@media");
- será executada em telas e outros dispositivos cuja área de exibição seja igual a 480 pixels.
- não será executada, pois a sintaxe está incorreta, já que não possui o operador and.
- será executada apenas em dispositivos cuja largura da tela seja menor ou igual a 480 pixels.
Mostrar resposta e comentário
Gabarito
Errado
Comentário do professor
A expressão @media screen and (max-width: 480px) indica uma regra de CSS que será aplicada somente quando a largura do viewport for menor ou igual a 480 pixels.
O termo max-width define um limite superior inclusivo: quaisquer larguras ≤ 480px satisfazem a condição. Assim, os estilos dentro das chaves só entram em vigor nessas larguras.
O identificador screen restringe o escopo para dispositivos com tela (navegadores), e a avaliação considera a área de exibição (viewport), não a densidade física de pixels do dispositivo.
Essa constructo é típica em design responsivo, permitindo adaptar layout e regras CSS para dispositivos menores, como smartphones, sem afetar telas maiores.
Conteúdo do catálogo FC Concursos · Atualizado em