Flexbox是一项CSS3技术。这意味着它相对较新,并且某些浏览器不完全支持flex属性。
这是一个破败:
IE 8和9 不支持flexbox。如果您想在这些浏览器中使用flex属性,请不要浪费时间。一个 Flexbox的填充工具就传开了一段时间,但它没有很好地工作,不再保留。
IE 10支持flexbox的早期版本,并需要供应商前缀。要知道,从目前的规范某些属性不支持IE10(例如flex-grow,flex-shrink和flex-basis)。请参阅Flexbox 2012属性索引。
IE 11不错,但是有故障。它基于当前的flexbox标准。有关某些问题,请参见本页上的“ 已知问题”标签。另请参阅:flex属性在IE中不起作用
借助Chrome,Firefox和Edge,您将一路顺风。您会发现一些小错误和不一致之处,但通常都有一些简单的修复程序。您需要了解“ 隐含的最小Flex大小”,这有时会导致大小和滚动条问题。
Safari 9及更高版本支持当前的flexbox规范,不带前缀。但是,较早的Safari版本需要-webkit-前缀。有时min-width和max-width事业对齐问题可与解决flex当量。请参阅 Flex项目在Safari中无法正确堆叠



