Tengo una web que tira mucho del sistema de display flex para ordenar los contenidos. En Chrome, Firefox y Edge se ve perfectamente, pero en Safari ignora completamente cualquier referencia a este estilo y sus diferentes parámetros, como si no existiera.
He buscado mucho y parece que es un problema común pero no encuentro ninguna solución que me funcione. ¿Alguien que haya sufrido algo parecido?
Os dejo un trozo del código CSS para que veáis qué etiquetas he utilizado:
Código CSS :
#container > section{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
position: relative;
} 
