html – How do I make flex box work in safari?

html – How do I make flex box work in safari?

Giving flex a value solved the problem for me, e.g.

flex: 1 0 auto

I had to add the webkit prefix for safari (but flex not flexbox):

display:-webkit-flex

html – How do I make flex box work in safari?

Just tRy this

display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

this worked for me

Leave a Reply

Your email address will not be published.