Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/03/2016, 02:30
liranan
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problema con flex-box en Safari

Bueno, al final conseguí solucionar esto por mi cuenta, así que dejo la respuesta por si alguien en el futuro tiene el mismo problema:

Código CSS:
Ver original
  1. #container > section{
  2.     display: -webkit-box; /* Safari */
  3.     display: -webkit-flex;
  4.     display: -webkit-flexbox;
  5.     display: -ms-flexbox;
  6.     display: flex;  
  7.     -webkit-flex-direction: row;    
  8.     -ms-flex-direction: row;    
  9.     flex-direction: row;
  10.     -webkit-box-pack: justify; /* Safari */
  11.         -webkit-flex-pack: justify;
  12.         justify-content: space-around;
  13.     position: relative;
  14. }

Las etiquetas que tienen el comentario son las que hacen que la cosa funcione en Safari. El efecto no es exactamente el mismo porque no es igual 'space-around' que 'justify' en cuanto a la distribución de los contenidos, pero por lo que he podido averiguar no existe una equivalencia exacta.