post

Ajustar tamanho da imagem no container (cover) CSS

Publicado em: 24/02/2022

Categorias: BlogCSS

Para ajustar a largura e altura de uma imagem dentro de um container de tamanho especifico, opte em usar o recurso object-fit, como no exemplo abaixo:

img {
  width: 200px;
  height: 300px;
  object-fit: cover;
}

Veja exemplos reais do uso acessando: https://www.w3schools.com/css/css3_object-fit.asp

Link de compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/1483

ID de Referência: 1483

Sugira uma publicação

Envie uma mensagem para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários