如何使用 CSS 定位 Microsoft Edge？ [复制]

Posted 2023-02-21

【中文标题】如何使用 CSS 定位 Microsoft Edge？ [复制]

【英文标题】：How to target Microsoft Edge with CSS? [duplicate]

【发布时间】：2016-01-01 15:48:49

【问题描述】：

我想以 Edge 为目标并使 flexbox 的行为类似于 Firefox 33 / Chrome，for more detail see this question。

可以在 CSS 中以 Edge 为目标吗？

【问题讨论】：

类似问题：***.com/questions/32201586/…

【参考方案1】：

要定位Edge (version < 79)，我们可以检查-ms-ime-align 支持，Edge 是唯一支持此属性的 Microsoft 浏览器：

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

或者这个单行（也适用于 Edge 和所有 IE）：

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

更多解释，包括支持特定版本 Edge 的变体，可以在 this article 中找到。

对于 Edge 版本 > 78，由于其渲染引擎（浏览器引擎）更改为 Blink，这是 Chrome 的渲染引擎，它的行为应该与 Chrome 类似。

【讨论】：

在 Windows 10 上的 Edge 81 中都不适合我。这是我要申请的内容：.tb-product-loop-wrap.grid-view.shop-columns-3 ul.products li.product width: 30%;

@Zade：Edge 版本 > 44 已在内部切换为使用 Blink（Chrome 的渲染引擎）。它们的行为应该与 Chrome 相同。

应该从版本 79 开始：en.wikipedia.org/wiki/Microsoft_Edge

令人讨厌的是，我在 Edge 91 上，它在同一台机器上渲染的 SVG 与 Chrome 不同 1px....