ie10 flexbox conundrum: une énigme de croisement

frustré par le comportement énigmatique de Flexbox dans ie10? Ce n'est pas seulement toi. Malgré son adoption généralisée dans les navigateurs modernes, la prise en charge de FlexBox dans IE10 laisse beaucoup à désirer.

Un cas classique en point est un problème de mise en page:

`

display: flex;
flex-direction: row;

}

. Flexbox Form Input [Type = soumed] {

width: 31px;

}

. Flexbox Form Input [Type = Text] {

width: auto;
flex: auto 1;

} Pre> `

En théorie, cette mise en page doit rendre un type d'entrée =" soumettre "avec une largeur fixe de 31px, tandis que le type d'entrée =" Le texte "remplit de manière transparente l'espace restant. Cependant, dans IE10, le type d'entrée = "Text" par défaut par défaut une largeur perplexe de 263px.

Le nœud du problème se situe dans l'implémentation partielle d'IE10 de la spécification Flexbox. Il prend en charge une version intermédiaire de la spécification, qui n'a pas certaines capacités. Malheureusement, ces capacités manquantes empêchent la mise en page de se comporter comme prévu. à certains préfixes CSS, tels que -ms-flex.

Les polyfills comme FlexBoxie peuvent imiter les fonctionnalités de Flexbox dans IE.
• Retour aux méthodes de mise en page précédentes:
Envisagez d'adopter des méthodes de mise en page traditionnelles (par exemple, flotteurs ou tableaux) pour la compatibilité IE10 . Introduisez une prise en charge plus robuste Flexbox. Jusque-là, ces tactiques peuvent vous aider à naviguer dans l'énigme de croisement qui est Flexbox dans IE10.