IE10 FlexBox Conundrum: un enigma de navegador cruzado

frustrado por el comportamiento enigmático de FlexBox en IE10? No eres solo tú. A pesar de su adopción generalizada en los navegadores modernos, el soporte de Flexbox en IE10 deja mucho que desear.

en el punto en el punto es un problema de diseño de formulario:

`

display: flex;
flex-direction: row;

}

. FlexBox Form input [type = Subt] {

width: 31px;

}

. FlexBox Form input [type = text] {

width: auto;
flex: auto 1;

} pre> `

En teoría, este diseño debe representar un tipo de entrada =" enviar "con un ancho fijo de 31px, mientras que el tipo de entrada =" El texto "llena sin problemas el espacio restante. Sin embargo, en IE10, el tipo de entrada = "Texto" de forma predeterminada de forma predeterminada a un ancho desconcertante de 263px.

El quid del problema radica en la implementación parcial de IE10 de la especificación FlexBox. Admite una versión intermedia de la especificación, que carece de ciertas capacidades. Desafortunadamente, estas capacidades faltantes evitan que el diseño se comporte como se esperaba.

para abordar este problema, considere los enfoques de Siguientes:

• Emplee el prefijo de CSS: IE10 responde a ciertos prefijos de CSS, como -ms -fllex.
• use un CSS PolyFill: Polyfills como Flexboxie puede emular la funcionalidad de FlexBox en IE.
• retroceder a los métodos de diseño anteriores: Considere la adopción de métodos de diseño tradicionales (por ejemplo, flotadores o tablas) para la compatibilidad IE10 .

Estén atentos con las actualizaciones del navegador, como versiones futuras de IE Puede introducir un soporte de Flexbox más robusto. Hasta entonces, estas tácticas pueden ayudarlo a navegar por el enigma del navegador cruzado que es FlexBox en IE10.