IE9 non supporta la visualizzazione: inline-flex?

Ho cercato in giro StackOverflow e anche altrove dove trovare se display: inline-flex; funziona in IE9. Ho postato una domanda prima di questo quando ho avuto problemi con l'espansione di una larghezza in modo dinamico, question here.IE9 non supporta la visualizzazione: inline-flex?

La risposta mi ha aiutato, grazie a chiunque tu sia! Ora che ho risolto il problema e funziona bene in Chrome, Opera, Mozilla, Safari, IE10 +, ho ancora problemi a fare questo lavoro in IE9.

Ho anche cercato di aggiungere pre-correzione per display: inline-flex; come display:-webkit-inline-box, -ms-inline-flexbox, e così via.

Il problema che ho avuto che ha fissato l'intera faccenda era width: auto; e display: inline-flex;

Lavorare violino here

Come posso fare questo lavoro in IE9?

fonte

2014-10-21 maverick

non sembra IE9 supporta FlexBox: http://caniuse.com/#search=flex –

Va bene, c'è un modo che io possa fare questo lavoro in IE9? Se guardi il mio violino, vedrai che funziona bene con altri browser! – maverick

Questo è un po 'un vecchio post, ma l'ho trovato mentre cercavo una soluzione per questo (visto che Bootstrap 4 sta andando completamente alla formattazione della flexbox). Mi sono imbattuto in questo plugin, che sembra essere mantenuto: https://github.com/jonathantneal/flexibility –

Come si può vedere qui: Can I use FlexBox? Flexbox non è supportato in IE9

Can I use inline-flex

EDIT: Sulla base di commento OP di rispondere:

se c'è un modo per farlo lavoro in IE9, con prefisso o qualcosa del genere?

qui è una risposta cosi gli utenti da un altro relativi question:

ho capito dalla tua domanda, che siete a conoscenza del fatto che IE9 non supporta FlexBox. Un polyfill per la casella flessibile, denominato flexie.js, esiste (non gestito da afaik), ma funziona utilizzando la vecchia sintassi 2009 di Flexbox .

Utilizzando la vecchia sintassi è ovviamente sconsigliata, dal momento che la sintassi il 2009 è davvero superata e molti browser non riconoscerà più. Ma puoi provare a utilizzare Autoprefixer, che trasforma le nuove regole di sintassi in regole di vecchia sintassi (preservando la sintassi per i browser che la supportano).

ci sono avvertimenti - Non sarà in grado di utilizzare inline-stile, si dovrà scrivere i vostri stili in file CSS, e non credo che supporta variazioni dinamiche del DOM.

Disclaimer: Non ho provato questo metodo con IE9 + flexie.

fonte

2014-10-21 15:30:26 dippas

Sì, ho visitato anche quella pagina e ho visto che il flex non funzionava. Ma la mia domanda è se c'è un modo per farlo funzionare in IE9, con pre-fix o qualcosa del genere? Qualcosa che va in giro, e lo rende possibile ... – maverick

8/9 semplicemente flat out non supportarlo. Quindi non proprio. Table-cell è il più vicino possibile. – geebru

Va bene. Quindi non c'è modo di farlo funzionare in IE9? – maverick

IE9 non supporta la visualizzazione: inline-flex?

risposta

Problemi correlati