Разница между гибким неустановленным и гибким отсутствием в IE 11

Question

В чем разница между 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.

Answer 1

Ключ к пониманию разницы заключается в понимании того, что unset на самом деле делает в общем.

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

Как вы можете видеть, прокручивая страницу вниз, IE не поддерживает unset.Если вы знаете, что атрибут flex не наследуется в вашем классе, вы можете просто установить для flex значение initial.