css - grow - flex-wrap

¿IE9 no es compatible con la visualización: inline-flex en absoluto?

Question

He estado buscando en StackOverflow e incluso en otros lugares donde encontrar si display: inline-flex; trabaja en IE9. Publiqué una pregunta antes de esto cuando tuve problemas para expandir un ancho dinámicamente, pregunta aquí.

La respuesta me ayudó, ¡gracias quién seas! Ahora que he solucionado el problema y funciona bien en Chrome, Opera, Mozilla, Safari, IE10 +, todavía tengo problemas para hacer que esto funcione en IE9.

También intenté agregar el pre-arreglo para la display: inline-flex; como display: -webkit-inline-box , -ms-inline-flexbox , y así sucesivamente.

El problema que tuve que solucionó todo el problema fue width: auto; y display: inline-flex;

Violín de trabajo aquí

¿Cómo puedo hacer que esto funcione en IE9?

Answer 1

Como puede ver aquí: ¿Puedo usar FlexBox? Flexbox no es compatible con IE9

EDITAR: Basado en el comentario OP para responder:

si hay alguna forma de hacerlo funcionar en IE9, con prefijo o algo así?

Aquí hay una respuesta de los usuarios de SO de otra pregunta relacionada:

Entiendo por su pregunta, que es consciente del hecho de que IE9 no es compatible con flexbox. Un polyfill para flexbox, llamado flexie.js , existe (no se mantiene afaik), pero funciona usando la sintaxis anterior de flexbox de 2009.

No se recomienda utilizar la sintaxis antigua, ya que la sintaxis de 2009 está desactualizada y muchos navegadores ya no la reconocerán. Pero puede intentar usar Autoprefixer , que transforma las reglas de sintaxis nueva en reglas de sintaxis antiguas (mientras conserva la sintaxis nueva para los navegadores que sí lo admiten).

Hay advertencias: no podrá usar el estilo en línea, tendrá que escribir sus estilos en archivos CSS, y no creo que admita cambios dinámicos en el DOM.

Descargo de responsabilidad: no he probado ese método con IE9 + flexie.