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.
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