Um website foi diagramado de modo a exibir seu con...

Q: 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

A) @media max-width: 640px { [class*="col-"] { width: 100%; } } | B) @media only screen (max-width: 640px) { [“col-*"] { width: 100%; } } | C) @media screen (max-width: 640px) { ["col-*"] { width: 100%; } } | D) @media (max-width: 768px) only screen { [class*="col-"] { width: 100%; } } | E) @media only screen and (max-width: 640px) { [class*="col-"] { width: 100%; } }

457941201951761

Ano: 2016Banca: FGVOrganização: IBGEDisciplina: Linguagens de ProgramaçãoTemas: CSS

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 é:

Gabarito comentado

Anotações

Marcar para revisão

457941201951761

Ano: 2016Banca: FGVOrganização: IBGEDisciplina: Linguagens de ProgramaçãoTemas: CSS

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%}

Gabarito comentado

Anotações

Marcar para revisão

Um website foi diagramado de modo a exibir seu conteúdo em três col...

Questões relacionadas para praticar

Um website foi diagramado de modo a exibir seu conteúdo em três col...

Questões relacionadas para praticar