1
resposta

Navegador com diferença (Firefox descobri)

Observando a implementação html e css do Firefox, notei que os layouts ficam diferentes porque o Firefox não está considerando a porcentagem com base no elemento que estamos modificando, mas sim na porcentagem total da página. Se você observar, existem bordas a esquerda e a direita, que consomem 15% do total da largura da página. Sendo assim restam 85%. Para que o Layout ficasse igual teríamos que utilizar 75% de 85% = 63.75% nos logos e 25% de 85% = 21.25% no formulário.

Com base nisso, vocês tem alguma sugestão de como implementar o css para que ficassem igual em ambos os navegadores? alguma sugestão? Tem como dizer para o Firefox pegar a porcentagem do elemento que estou trabalhando ao invés da porcentagem total da página?

1 resposta

Fala ai João, tudo bem? Com Flexbox você consegue fazer justamente isso, trocar as definições de porcentagem por flex: 1|2|3 dai o navegador vai calcular o tamanho para você.

Espero ter ajudado.