我的 css 样式有问题两个浏览器向我展示了两次不同的样式

Question

我通常使用 Yandex 浏览器，没有问题，但我通过 chrome chrome 测试了我的网络应用程序，yandex 浏览器向我展示了 2 种不同的样式。所以我想只为 chrome 浏览器添加样式以修复样式错误。

我试图找到如何仅向 chrome 浏览器添加样式，但我找不到。然后我只是想为 chrome 浏览器添加另一种样式。

Answer 1

这应该有效：

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    /* Styles for Chrome only here */
}

和 BrowserStack 上的这个指南页面 如果您也需要在其他浏览器上这样做，应该会有用。