如何使用CSS针对Microsoft Edge进行定位?

93

2
类似问题:https://dev59.com/xlwY5IYBdhLWcg3wyqaH - Raptor
1个回答

204
为了针对 Edge (version < 79),我们可以检查是否支持 -ms-ime-align 属性,因为 Edge 是唯一支持该属性的微软浏览器。
@supports (-ms-ime-align: auto) {
  .selector {
        color: red;
  }
}

或者使用这个一行代码(在Edge和所有IE版本中都可以工作):

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

进一步的解释,包括支持特定版本Edge的变体,可以在本文中找到。
对于版本号大于78的Edge浏览器,由于其渲染引擎(浏览器引擎)更改为Blink,即Chrome的渲染引擎,因此它应该表现得像Chrome。

1
在Windows 10上,Edge 81对我都不起作用。这是我想要应用的内容:.tb-product-loop-wrap.grid-view.shop-columns-3 ul.products li.product { width: 30%; } - Zade
1
@Zade:Edge 版本大于 44 已经切换到使用 Blink(Chrome 的渲染引擎)作为内部引擎。它们应该与 Chrome 表现相同。 - Sean McMillan
应该从版本79开始:https://zh.wikipedia.org/wiki/Microsoft_Edge - Raptor
非常令人烦恼,我正在使用 Edge 91,在同一台计算机上渲染的 SVG 与 Chrome 相比不同了 1px。 - James Cat

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接