css - CSS：如何检测旧边缘而不是新边缘 Chromium？

Question

有没有办法在 CSS 中将旧Edge 与新Edge Chromium 分开处理？

对于 Chromium 之前的版本，到目前为止，我使用了以下代码段：

@supports (-ms-ime-align:auto) {
  .selector {
    property: value;
  }
}

现在我需要确保这仅影响 OLD Edge，并且基于 Chromium 的新 Edge 将忽略这些行。

有人可以证实这一点吗？到目前为止，我还没有找到关于这个主题的任何信息，而且我的办公室里也没有新的 Edge（而且我这些天要构建的页面位于防火墙后面）

标签： cssbrowsermicrosoft-edgechromium

Answer 1

新的 Edge 是基于 Chromium 的，所以它就像 Chrome。您仍然可以使用该 CSS 规则来定位 Edge Legacy，它不会影响 Edge Chromium。

我做了一个这样的简单示例：

@supports (-ms-ime-align:auto) {
  #aaa {
    background-color: yellow
  }
}

<div style="width:200px; height:200px" id="aaa">
  aaa
</div>

Edge Chromium 中的结果是这样的：