flex: unset
和 flex: none
有什么区别?我还没有找到任何具体的文档来说明 flex: unset
的实际作用。此外,flex: unset
似乎在 IE 11 中不起作用。
对于某些情况,我们最近在 IE 11 上遇到了一个问题,其中我们有一些类 .cta-button
具有 flex: 1 0 auto
并且当我们添加.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 不支持取消设置。如果您知道您的类没有继承 flex 属性,您可以将 flex 设置为 initial。
关于html - IE 11 下 flex unset 和 flex none 的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55477764/