Как настроить таргетинг Microsoft Edge с помощью CSS?

Я хотел бы настроить таргетинг на Edge и заставить flexbox вести себя аналогично Firefox 33/Chrome, подробнее см. этот вопрос.

Можно ли настроить Edge в CSS?


css microsoft-edge browser-detection
person maxhungry    schedule 05.10.2015    source источник
comment
Аналогичный вопрос: stackoverflow .com/questions/32201586/   -  person Raptor    schedule 05.10.2015

Ответы (1)


arrow_upward
203
arrow_downward

Чтобы настроить таргетинг на Edge (версия ‹ 79), мы можем проверить наличие поддержки -ms-ime-align. Браузер Microsoft, поддерживающий это свойство:

@supports (-ms-ime-align: auto) {
  .selector {
        color: red;
  }
}

Или этот однострочный (который также работает на Edge и всех IE):

_:-ms-lang(x), .selector { color: red; }

Дальнейшее объяснение, включая варианты поддержки определенных версий Edge, можно найти в этой статьи.

Для версии Edge › 78, так как его механизм рендеринга (движок браузера) изменился на Blink , который является механизмом рендеринга Chrome, он должен вести себя как Chrome.

person Raptor    schedule 05.10.2015
comment
Ни то, ни другое не работает у меня в Edge 81 в Windows 10. Вот что я пытаюсь применить: .tb-product-loop-wrap.grid-view.shop-columns-3 ul.products li.product { width: 30%; } - person Zade; 25.04.2020
comment
@Zade: версии Edge › 44 перешли на внутреннее использование Blink (движок рендеринга Chrome). Они должны вести себя так же, как Chrome. - person Sean McMillan; 10.11.2020
comment
должна начинаться с версии 79: en.wikipedia.org/wiki/Microsoft_Edge - person Raptor; 11.11.2020
comment
досадно, что я на Edge 91, и его рендеринг SVG на 1 пиксель отличается от Chrome на той же машине.... - person James Cat; 01.06.2021