Questão de Tecnologia da Informação · FCC TRT20 2024 (nº 47)

Media queries no CSS são como "regras inteligentes" que permitem aplicar estilos diferentes dependendo das características do dispositivo, como o tamanho da tela. O termo max-width define um limite superior: os estilos dentro do bloco serão aplicados se a largura da tela for menor ou igual ao valor especificado.

• (A) Incorreta: A propriedade max-width significa "largura máxima", ou seja, a regra se aplica quando a largura da tela é menor ou igual ao valor, não maior. Para "maior que", usaríamos min-width.
• (B) Incorreta: A sintaxe @import query('@media') não existe no CSS para chamar media queries. @import é usado para incluir folhas de estilo externas, e pode ter media queries associadas a essa importação, mas não dessa forma.
• (C) Incorreta: (Armadilha da banca) max-width: 480px significa "até 480 pixels", incluindo 480 pixels e todas as larguras menores que 480 pixels. Não se refere apenas a dispositivos com largura exatamente igual a 480 pixels. Se fosse para ser exatamente 480 pixels, a propriedade seria width: 480px.
• (D) Incorreta: A sintaxe está perfeitamente correta e possui o operador and (screen and (max-width: 480px)). O operador and é usado para combinar múltiplas condições.
• (E) Correta: A propriedade max-width: 480px indica que as configurações CSS dentro do bloco serão aplicadas quando a largura da área de exibição (viewport) do dispositivo for de 480 pixels ou menos.