CSS 更喜欢颜色方案适用于 Firefox 但不适用于 Chrome 问题
我的问题是我的偏色方案样式仅适用于 Firefox 而不适用于 Chrome。
这是代码的示例。现在我认为无论出于何种原因，这可能是我的某些 HTML 的问题。
@media (prefers-color-scheme: dark) {
body {
background-color: red;
}
}<!DOCTYPE html>
<body>
<h1>test</h1>
</body>
</html>现在我在一个完全不同的文件中对此进行了测试，它在 Firefox 中有效，但在 Chrome 中无效。有没有人有任何原因以及如何解决这个问题？
Chrome 仅支持prefers-color-scheme从 Chrome 76 版本开始，该版本于 2019 年 7 月 30 日（从本文发布时间算起 5 天前）发布。将您的 Chrome 更新到最新版本将显示您的代码prefers-color-scheme正确应用。
您可以通过单击右上角的三个点、帮助和 来更新 Chrome About Google Chrome。这将通知您当前的 Chrome 版本，如果您没有最新版本，则会提示自动更新：
您可以检查的支持prefers-color-scheme，在CanIUse，这表明边缘，火狐，Chrome和Safari都支持prefers-color-scheme最新的版本分别下：
要检查您的浏览器是否支持prefers-color-scheme，以下代码段在深色主题下为红色，在浅色主题下为蓝色，如果您的浏览器不支持，则为白色prefers-color-scheme：
@media (prefers-color-scheme: dark) {
html {
background-color: red;
}
}
@media (prefers-color-scheme: light) {
html {
background-color: blue;
}
}- 不适用于 Ubuntu 的 Chrome。 (3认同)
- 今天 2021 年 3 月 28 日。Windows 7。我的 Chrome 和 Firefox 已更新。但prefers-color-scheme不起作用（。它仅适用于Windows 10。 (2认同)