Questão de Programação — CSS (Cascading Style Sheets) — FGV 2024
ProgramaçãoCSS (Cascading Style Sheets)
- Código
- fg077403
- Banca
- FGV
- Órgão
- CVM
- Ano
- 2024
- Nível
- Superior
- Cargo
- Analista - Perfil 8 - TI / Sistemas e Desenvolvimento - Tarde
Ao configurar o design de uma página, Roberto usou o código CSS a seguir, em uma tag style, fazendo com que um menu de navegação lateral fique ao lado da área de conteúdo.aside {float: left; width: 30%}main {float: left; width: 70%}O resultado em tablets e desktops foi bom, mas o acesso pelo celular apresentou alguns problemas de usabilidade, sendo mais adequado que o menu ficasse acima do conteúdo.Para utilizar o design indicado em telas menores, garantindo a responsividade da página, Roberto acrescentou ao código CSS:
- A@media screen and (max-width: 600px) {aside, main {width: 100%}} .
- B@media handheld {aside, main {width: 50%}
- C@media screen and (max-width: 600px) {aside, main {position: absolute}} .
- D@media screen and (min-width: 768px) {aside, main {width: 100%}}
- E@media (max-width: 480px) {aside, main {width: 50%}} .