【问题标题】:How to target Microsoft Edge with CSS? [duplicate]如何使用 CSS 定位 Microsoft Edge? [复制]
【发布时间】:2023-03-15 06:38:02
【问题描述】:

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

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

【问题讨论】:

标签: css browser-detection microsoft-edge


【解决方案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....
猜你喜欢
  • 2019-01-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-03-23
  • 2020-09-21
  • 2017-01-28
  • 2018-03-11
相关资源
最近更新 更多