How do I make flex box work in safari?

html css safari flexbox
akoito picture akoito · Jul 23, 2014 · Viewed 109.3k times · Source

How do I make flex boxes work in Safari? I have a responsive nav that uses a CSS flex box to be responsive and for some reason it won't work in Safari.

Here is my code:

http://jsfiddle.net/cyberjo50/n55xh/3/

Is there a prefix I'm missing to make it work in Safari?

Answer

huseyin39 picture huseyin39 · Dec 15, 2019

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

flex: 1 0 auto

Related questions

Flex / Grid layouts not working on button or fieldset elements

I'm trying to center inner elements of a <button>-tag with flexbox's justify-content: center. But Safari does not center them. I can apply the same style to any other tags and it works as intended (see the <…

Read More
Disabled input text color

The simple HTML below displays differently in Firefox and WebKit-based browsers (I checked in Safari, Chrome and iPhone). In Firefox both border and text have the same color (#880000), but in Safari the text gets a bit lighter (as if it …

Read More
CSS calc not working in Safari and fallback

I have this layout I am working on. It strongly depends on CSS calc to do the necessary calculations. width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); Now, I can't get this to work in Safari. …

Read More