A Microsoft liberou uma atualização recentemente para o seu novo navegador padrão, o Microsoft Edge (versão 41.16299.15.0), no qual finalmente, resolve o problema de distorções na proporção das imagens!
Talvez você já tenha passado por isso! Ao redimensionar o navegador as Imagens ficavam distorcidas, perdendo sua proporção, principalmente em notícias e posts de blog, enquanto em todos os outros navegadores, a proporção se mantinha correta no redimensionamento.
A causa deste problema estava na programação de interface, onde há um código para redimensionar as imagens dinamicamente dentro de um objeto, de forma que preencha 100% da área deste objeto (object-fit: cover e object-fit: contain), isso dá mais liberdade e melhor resultado no design de interface. Isso, graças a garantia de enquadramentos melhores para qualquer foto.
Aqui está o problema! No Microsoft Edge, o código só mantinha a proporção em “planos de fundo” e não em “imagens”, o que atrapalhava muito, pois as capas de notícias, por exemplo, não eram plano de fundo, mas sim imagens e por isso sofriam a distorção.
De qualquer forma, até dava para contornar esse problema, mas isso aumentava o tempo de desenvolvimento de forma desnecessária e resultava em limitações na hora de criar efeitos sobre as imagens. Muitas vezes, nós gastávamos tempo a mais criando correções e códigos alternativos com condicionais, para fazer funcionar apenas no Edge.
Bom... resumindo, mantenha sempre seu navegador atualizado!
Por falar nisso, você ainda usa o Internet Explorer?
Sabia que a própria Microsoft indicou a não utilizá-lo mais? Então para aproveitar o melhor das novas tecnologias (incluindo segurança), indicamos utilizar o Google Chrome, Safari, Firefox ou mesmo o Edge, desde que seja sempre a última versão.
Veja também:
Gostou da dica? Tem alguma sugestão ou dúvida? Comenta abaixo ;)
