Целевые браузеры WebKit только в CSS?(Издание 2019 г.)

Question

До сих пор использовали аккуратный маленький

@ media screen и (-webkit-min-device-pixel-ratio: 0) {}

до сих пори это сработало без нареканий.Но уже через несколько месяцев FireFox также может обрабатывать этот код, как и Microsoft Edge.

Итак, есть ли какие-нибудь рабочие альтернативы для подхода только с CSS?

Answer 1

Для таргетинга Firefox Quantum используйте:

@-moz-document url-prefix() {
  @supports (animation: calc(0s)) {
      /* Firefox Quantum specific styles */
  }
}

для Edge, используйте:

@supports (-ms-ime-align: auto) {
  /* Edge specific styles */
}