Logo Passei Direto
Buscar
Utilizar imagens em sites responsivos torna-se importante, mas deve-se ter cuidado para evitar distorções ou imagens quebradas. Tendo em vista essa informação, considere o seguinte código: img { max-width: 100%; } A partir da análise desse código, assinale a alternativa que descreve o que ele está executando em um site responsivo. A) O código está inserindo uma imagem de fundo em toda a tela. B) A imagem irá se ajustar conforme o tamanho da tela. C) A imagem nunca irá ultrapassar o seu tamanho original na tela. D) O código está configurando todas as imagens do site para que sejam exibidas aleatoriamente. E) As imagens deverão permanecer estáticas na tela.
User badge image
Eliete Ferreira

ano passado

Respostas

User badge image

Ed Verified user icon

ano passado

Vamos analisar o código fornecido: `img { max-width: 100%; }`. Esse código CSS define que a largura máxima das imagens (`img`) não deve ultrapassar 100% da largura do seu elemento pai. Isso significa que as imagens se ajustarão ao tamanho do contêiner em que estão inseridas, evitando que elas ultrapassem esse limite e, assim, mantendo a responsividade do site. Agora, vamos analisar as alternativas: A) O código está inserindo uma imagem de fundo em toda a tela. - Incorreto, pois o código não se refere a imagens de fundo, mas sim a imagens normais. B) A imagem irá se ajustar conforme o tamanho da tela. - Correto, pois o `max-width: 100%` faz com que a imagem se ajuste ao tamanho do contêiner. C) A imagem nunca irá ultrapassar o seu tamanho original na tela. - Incorreto, pois a imagem pode ser redimensionada para caber no contêiner, mas não ultrapassará 100% da largura do contêiner. D) O código está configurando todas as imagens do site para que sejam exibidas aleatoriamente. - Incorreto, o código não tem relação com a exibição aleatória. E) As imagens deverão permanecer estáticas na tela. - Incorreto, pois o código permite que as imagens se ajustem ao tamanho do contêiner. Portanto, a alternativa correta é: B) A imagem irá se ajustar conforme o tamanho da tela.

Essa resposta te ajudou?

0
Dislike0

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Mais conteúdos dessa disciplina