Question

我在React中创建了一个flexbox，可以让它在IE10以外的所有浏览器中运行。我已经尝试了很多组合，我觉得我现在只是猜测。

有人看到问题吗？

const innerToolbarStyle = {
  display: 'flex',
  alignItems: 'center',
  width: '100%'
}

<div style= {innerToolbarStyle}>
    {item(Search, props, {margin: 'auto', flex: 1, paddingRight: 10})}
    {item(FilterToggle, props, {margin: 'auto', paddingRight: 10})}
    {item(Sorter,       props, {margin: 'auto', paddingRight: 10})}
    {item(AdminOptions, props, {margin: 'auto'})}
<div style={{clear: 'right'}} />

Answer 1

IE 10不支持当前的Flexbox标准，只支持带有-ms-前缀的较旧的不完整版本。

有关详细信息，请参阅MDN Browser Compatiblity matrix。

Internet Explorer 10支持规范的旧的不兼容草案版本; Internet Explorer 11已更新为支持最终版本。

反应flexbox与10的兼容性

1 个答案: