使用 IE 11 时,弹性未设置和无弹性之间的区别



flex: unsetflex: 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 只是使用继承和初始的混合体。

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

正如您在该页面上向下滚动时所看到的,IE 不支持未设置。如果您知道 flex 属性没有在您的类上继承,则可以将 flex 设置为初始。

最新更新