"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Objetos-ajuste: a capa falha no IE e na borda, como consertar?

Objetos-ajuste: a capa falha no IE e na borda, como consertar?

Postado em 2025-04-07
Navegar:946

Object-Fit: Cover Fails in IE and Edge, How to Fix?

object-fit: a capa falha no ie e borda, como corrigir?

utilizando objeto-fit: cover; No CSS, para manter a altura consistente da imagem funciona perfeitamente entre os navegadores. No entanto, no IE e Edge, surge uma questão peculiar. Ao escalar o navegador, a imagem é redimensionada em largura em vez de diminuir a altura, distorcer sua aparência. -50%);

altura: 100%;

largura: auto; // para blocos verticais

altura: auto;

largura: 100%; // Para blocos horizontais


Esta combinação posiciona a imagem no centro usando o posicionamento absoluto, eliminando o problema com o objeto-ajuste: cobertura no IE e Edge. A imagem agora será dimensionada proporcionalmente, mantendo o efeito desejado sem distorção.

Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3