ie10无法加载css Internet Explorer-CSS flexbox无法在IE10中使用

如Ennui所述，IE 10支持Flexbox的前缀版本为flex(IE 11支持未前缀)。 我在您的代码中看到的错误是：

您应该有flex而不是flex: 0 1 auto

我认为您应该指定所有3个flex值，例如flex: 0 1 auto以避免歧义

所以最后更新的代码是...

.flexbox form {

display: -webkit-flex;

display: -moz-flex;

display: -ms-flexbox;

display: -o-flex;

display: flex;

/* Direction defaults to 'row', so not really necessary to specify */

-webkit-flex-direction: row;

-moz-flex-direction: row;

-ms-flex-direction: row;

-o-flex-direction: row;

flex-direction: row;

}

.flexbox form input[type=submit] {

width: 31px;

}

.flexbox form input[type=text] {

width: auto;

/* Flex should have 3 values which is shorthand for

*/

-webkit-flex: 1 1 auto;

-moz-flex: 1 1 auto;

-ms-flex: 1 1 auto;

-o-flex: 1 1 auto;

flex: 1 1 auto;

/* I don't think you need 'display: flex' on child elements * /

display: -webkit-flex;

display: -moz-flex;

display: -ms-flex;

display: -o-flex;

display: flex;

/**/

}