Flexbugs: Firefox no aplica la base flexible si los niños tienen una imagen más grande
Cuando un elemento flexible tiene un img secundario que es más grande que él mismo, se ignora la base flexible. Mejor ilustrado:
http://jsfiddle.net/walidvb/hsm77su5/7/
La solución que encontré fue no usar la base flexible, sino el ancho en su lugar (lo que anula todo el propósito).
walidvb
Todos 4 comentarios
mmm, prueba esto
http://codepen.io/jpdevries/pen/waeNze
tuve que establecer un min-width:0 en .flex-item que es algo que se ha discutido aquí
https://github.com/philipwalton/flexbugs/issues/39#issuecomment-111578174
jpdevries
en 12 jun. 2015
Esto también solucionó un problema similar en Chrome 57.0.2987.98 (64 bits).
elliottregan
en 6 abr. 2017
Creo que este problema se ha resuelto. Siéntase libre de comentar si hay más para discutir.
philipwalton
en 23 jun. 2017
css del niño:
flexión: 0 0 100px;
si el ancho del niño es mayor a 100px, el límite no funciona, necesita establecer "ancho: 100px" para corregir...
En firefox 52 esr, ancho: 100px no funciona también.
kmvan
en 14 ene. 2018
Temas relacionados
b-strauss
·
3Comentarios
zgreen
·
4Comentarios
AmeliaBR
·
5Comentarios
ghost
·
6Comentarios
AidaLigia
·
9Comentarios
Comentario más útil
mmm, prueba esto
http://codepen.io/jpdevries/pen/waeNze
tuve que establecer un
min-width:0en.flex-itemque es algo que se ha discutido aquíhttps://github.com/philipwalton/flexbugs/issues/39#issuecomment-111578174