ie10 flexbox conundrum：cross-browser enigma

一个经典的例子是一个形式布局问题：}

.flexbox form input[type=submit] {

width: 31px;

}

display: flex;
flex-direction: row;

问题的症结在于IE10的部分实现flexbox规范。它支持该规范的中间版本，该版本缺乏某些功能。 Unfortunately, these missing capabilities prevent the layout from behaving as expected.

To address this issue, consider the siguientes approaches:

width: 31px;

Employ CSS Prefixing:

使用一个CSS polyfill：

考虑采用传统的布局方法（例如，floats or tables）for IE10兼容性。 IE可能会引入更强大的Flexbox支持。在此之前，这些策略可以帮助您浏览IE10中的flexbox的跨浏览器。