flex unset 和 flex none 与 IE 11 的区别

Difference between flex unset and flex none with IE 11

flex: unsetflex: none 有什么区别?我还没有找到任何具体的文档来说明 flex: unset 的实际作用。此外,flex: unset 似乎在 IE 11 中不起作用。

对于某些情况,我们最近 运行 在 IE 11 上遇到了一个问题,我们有一些 class .cta-buttonflex: 1 0 auto 并且当我们添加 class .flex-unset 它设置 flex: unset 并覆盖 flex: 1 0 auto。这适用于 Chrome、Firefox 和 Edge,但不适用于 IE 11。对于 IE 11,我们必须设置 flex: none 而不是 flex: unset

理解差异的关键是理解 unset 通常的实际作用。

unset 只是使用 inherit 和 initial 的混合体。

https://developer.mozilla.org/en-US/docs/Web/CSS/unset

正如您在该页面上向下滚动所见,IE 不支持取消设置。如果您知道 class 上没有继承 flex 属性,您可以将 flex 设置为初始值。