Ajustar tamanho da imagem no container (cover) CSS - Bruno Devx - BR Criativus

post #1483

Ajustar tamanho da imagem no container (cover) CSS

Publicado em: 24/02/2022 / Atualizado 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

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=1483

ID de Referência: 1483

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato