css - 是否可以只针对 Chrome，而不是所有支持 Webkit 的浏览器？

Question

隐约与 this question 有关，但不完全相同。我只想针对 Chrome，而不针对 Safari。

我使用了以下媒体查询，但它同时针对 Chrome 和 Safari:

@media screen and (-webkit-min-device-pixel-ratio: 0) { 
    h1, h2 {
        font-weight: bold;
    }
}

Chrome 在以粗体呈现标题元素方面做得很好，即使我使用的字体的粗体版本不存在。 Safari……没那么多。因此 super 具体的目标。作为引用，字体是Cody Star .

Answer 1

现在有特定于浏览器的 CSS hack 可以解决这个问题，但它们肯定不受支持。

恕我直言，最好的办法是使用读取您的 navigator.userAgent 的 JavaScript 向 body 标记添加一个类，并使用该类(例如 body.chrome)来定位 Chrome。