Specifi c CSS для браузера Chromium Edge - PullRequest
Новая
       8

Specifi c CSS для браузера Chromium Edge

0 голосов
/ 10 марта 2020

Я использую последнюю версию Edge (Версия 80.0.361.66 (Официальная сборка) (64-разрядная версия)). Свойство " right: xxpx " ведет себя по-разному в Chrome и Edge. Есть ли какой-либо носитель или тег поддержки, который я могу использовать только для таргетинга на Edge.

"Найдено альтернативное решение" Но спасибо за ответы. Добавлю пример в следующий раз.

1 Ответ

0 голосов
/ 10 марта 2020

Вы можете использовать javascript, чтобы проверить, какой браузер у пользователя, затем применить класс CSS соответственно ... как-то так 

  const browser = (function (agent) {
    switch (true) {
      case agent.indexOf("edge") > -1: return "edge";
      case agent.indexOf("edg") > -1: return "chromium based edge (dev or canary)";
      case agent.indexOf("chrome") > -1 && !!window.chrome: return "chrome";
      case agent.indexOf("trident") > -1: return "ie";
      case agent.indexOf("firefox") > -1: return "firefox";
      case agent.indexOf("safari") > -1: return "safari";
      default: return "other";
    }
  })(window.navigator.userAgent.toLowerCase());

  if (browser = 'chromium based edge (dev or canary)') {
    const el = document.getElementById('#yourelement');
    el.classList.add('chromium');
  }

Для справки userAgent для края на основе хрома выглядит так это 

mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml,
like gecko) chrome/76.0.3800.0 safari/537.36 edg/76.0.167.1

, так что вы можете видеть, что оно включает ключевое слово edg

, но нет правил CSS, которые непосредственно применяются к кромке на основе хрома - поэтому использование javascript является вашим единственный вариант

...