CSS。如何检测旧的Edge而不是新的Edge Chromium？

Question

有什么方法可以处理 旧的 边缘分开的 新的 CSS中的Edge Chromium？

对于Chromium之前的版本，到目前为止，我已经使用了下面的片段。

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

现在我需要确定这只影响到旧版的Edge，而新版的Chromium版Edge会忽略这些代码。

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

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上的结果是这样的：