Pular para o conteúdo principal

Questão de TI - Desenvolvimento de Sistemas — CSS — OBJETIVA CONCURSOS 2024

TI - Desenvolvimento de SistemasCSS
Código
qa631227
Banca
OBJETIVA CONCURSOS
Órgão
Pref Maripá
Ano
2024
Cargo
Ana ( )
Considerar o trecho de uma página HTML:   <html>    <head>        <title>Minha página</title>    </head>    <body>       <div>          <h1>Meu título</h1>          <p>Meu parágrafo</p>         <img src="imagem.jpg" alt="Minha imagem" />      </div>   </body> </html>   Pedro é um programador frontend, e seu superior pediu para que ele posicionasse a imagem no canto superior direito da tela, com um espaçamento pequeno entre a borda da imagem e a borda da tela, mas somente quando a largura da janela do navegador for inferior à largura de uma tela com resolução HD.   Qual dos trechos de código CSS abaixo soluciona CORRETAMENTE a tarefa de Pedro?
  1. A@media (max-width: 1280px) {        img {          position: absolute;          top: 0;          right: 0;          margin: 0.5rem;         }       }
  2. B@media (max-width: 1280px) {      #conteudo {        position: relative;      }      img {        position: absolute;        top: 0;        right: 0;        margin: 1rem;      }    }
  3. C@media (max-width: 720px) {        img {         position: absolute;         top: 0;         right: 0;         margin: 8px 16px;       }     }
  4. D@media (max-width: 1080px) {        #conteudo {          position: absolute;          top: 0;          right: 0;          margin: 0.75rem;        }      }
Revelar gabarito e comentário

GabaritoA — @media (max-width: 1280px) {        img {          position: absolute;          top: 0;          right: 0;          margin: 0.5rem;         }       }

Link permanente: /questoes/qa631227