CSS para ajustar imagens, como fazer para não deformar?

  • Autor Autor dorthot
  • Data de início Data de início
Este tópico foi traduzido automaticamente do espanhol. Ver original
D

dorthot

Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
estou tendo problema com este css para ajustá-lo, essa é uma imagem claro, mas o código está me dando trabalho :XD no meu código fonte
 

Anexos

  • gen_5a2dfa00b34be517.webp
    gen_5a2dfa00b34be517.webp
    77,3 KB · Visitas: 13
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Olá, se o problema é que a imagem se deforma ao mudar o tamanho, não force a largura e a altura sem manter a proporção.

Teste com:
Inserir CODE, HTML ou PHP:
img {
    max-width: 100%;
    height: auto;
}

Se você precisa que ela ocupe um contêiner com medidas fixas, use object-fit: cover; para manter a proporção embora recorte parte da imagem, ou object-fit: contain; se quiser vê-la completa.

Cole o CSS que você está usando e as medidas do contêiner, porque na mensagem não aparece o código e assim é possível dizer exatamente o que você tem que mudar.
 
Olá, se o problema é que a imagem se deforma ao mudar o tamanho, não force a largura e a altura sem manter a proporção.

Teste com:
Inserir CODE, HTML ou PHP:
img {
    max-width: 100%;
    height: auto;
}

Se você precisa que ela ocupe um contêiner com medidas fixas, use object-fit: cover; para manter a proporção embora recorte parte da imagem, ou object-fit: contain; se quiser vê-la completa.

Cole o CSS que você está usando e as medidas do contêiner, porque na mensagem não aparece o código e assim é possível dizer exatamente o que você tem que mudar.
ok vou
 

Tópicos similares

Voltar
Topo