Pular para o conteúdo principal

Questão de Programação — CSS (Cascading Style Sheets) — FGV 2016

ProgramaçãoCSS (Cascading Style Sheets)
Código
fg023953
Banca
FGV
Órgão
IBGE
Ano
2016
Nível
Superior
Cargo
Tecnologista - Programação Visual - Webdesign
Um website foi diagramado de modo a exibir seu conteúdo em três colunas de acordo com o seguinte código CSS:.col-1 {width: 20%};.col-2 {width: 50%};.col-3 {width: 25%}Entretanto, em dispositivos com largura de tela máxima de 640 pixels (ou quando a janela do navegador for reduzida a esta largura máxima), cada coluna deve ocupar 100% da largura de tela. Para tal, o webdesigner responsável pelo desenvolvimento do website optou por usar uma media query para detectar o tamanho da janela, alterando a largura de todas as colunas quando necessário. A sintaxe correta do código usado é:
  1. A@media only screen and (max-width: 640px) { [class*="col-"] { width: 100%; } }
  2. B@media screen (max-width: 640px) { ["col-*"] { width: 100%; } }
  3. C@media max-width: 640px { [class*="col-"] { width: 100%; } }
  4. D@media only screen (max-width: 640px) { [“col-*"] { width: 100%; } }
  5. E@media (max-width: 768px) only screen { [class*="col-"] { width: 100%; } }
Revelar gabarito e comentário

GabaritoA — @media only screen and (max-width: 640px) { [class*="col-"] { width: 100%; } }

Link permanente: /questoes/fg023953