flex unset 和 flex none 与 IE 11 的区别
Difference between flex unset and flex none with IE 11
flex: unset
和 flex: none
有什么区别?我还没有找到任何具体的文档来说明 flex: unset
的实际作用。此外,flex: unset
似乎在 IE 11 中不起作用。
对于某些情况,我们最近 运行 在 IE 11 上遇到了一个问题,我们有一些 class .cta-button
有 flex: 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 设置为初始值。
flex: unset
和 flex: none
有什么区别?我还没有找到任何具体的文档来说明 flex: unset
的实际作用。此外,flex: unset
似乎在 IE 11 中不起作用。
对于某些情况,我们最近 运行 在 IE 11 上遇到了一个问题,我们有一些 class .cta-button
有 flex: 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 设置为初始值。