Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

max-width VS. width para img

Olá, Achei estranho que quando width: 100%; é usado para imagem, ele acompanha o elemento pai, mas quando é usado max-width: 100%;, a imagem obedece o seu tamanho máximo original.

Obrigada pela atenção.

Atenciosamente, Francielle Zucolota.

2 respostas
solução!

Oi, Francielle, tudo bem?

O max-width estabelece uma largura máxima de um determinado elemento. O que ele faz é garantir que o valor width não se torne maior que o valor dado pelo max-width, por isso que nesse caso, quando é usado max-width a imagem obedece o tamanho original.

Esse exemplo conseguimos ver bem como ela age: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_dim_max-width

O link da documentação: https://www.w3schools.com/cssref/pr_dim_max-width.asp

Qualquer dúvida é só falar :}

Obrigada pelas maiores informações dadas. * -* =D

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software