Propriedade flex não funciona no safari

CSS

16/08/2017

Fala pessoal, beleza? A propriedade flex não parece funcionar no safari. Alguém sabe me dizer porque? E como posso resolver isso?
Diogo Neves

Diogo Neves

Curtidas 0

Melhor post

Calebe Menezes

Calebe Menezes

17/08/2017

Você pode fazer a verificação via javascript para remover essa propriedade caso precise Diogo.

Alguma coisa do tipo:

if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
	//Remover o flex do elemento
}


Na minha situação específica resolveu tirar o flex, não sei se na sua será somente isso :)

Espero ter ajudado!
GOSTEI 4

Mais Respostas

Santos

Santos

16/08/2017

Fala Diogo. Beleza?

Cara, o Safari ainda não suporta 100% o HTML5 e CSS3, por isso algumas propriedades não irão funcionar...

Tenta utilizar, ao invés do flex, o -webkit-flex;

Talvez resolva. Abraços!
GOSTEI 2
Diogo Neves

Diogo Neves

16/08/2017

Fala Fagnerpsantos

Fala Diogo. Beleza?

Cara, o Safari ainda não suporta 100% o HTML5 e CSS3, por isso algumas propriedades não irão funcionar...

Tenta utilizar, ao invés do flex, o -webkit-flex;

Talvez resolva. Abraços!


Caramba, é serio isso? Será que em alguma versão nova terá esse suporte?
GOSTEI 0
Diogo Neves

Diogo Neves

16/08/2017

Calebe deu certo sua sugestão aqui!
GOSTEI 0
POSTAR