CSS Dark主题媒体查询在Firefox和Chrome上不起作用？
CSS Dark主题媒体查询在Firefox和Chrome上不起作用？
提问于 2021-05-14 12:34:32
我最近改变了我的网站，使用媒体查询，将网站的主题从浅色模式改为暗色模式。
它可以在桌面和移动设备的Edge浏览器上运行，但不能在Firefox和Chrome (桌面和移动设备)上运行。
为什么这些媒体查询在Firefox和Chrome上不起作用，我如何解决这个问题？
操作系统Windows 10系统主题为轻量级Chrome版本90.0.4430.212 Firefox版本88.0.1
body {
/* Black-on-white by default */
background: #fff;
color: #000;
}
@media (prefers-color-scheme: dark) {
/* White-on-black if user prefers dark color scheme */
body {
background: #000;
color: #fff;
}
}<p>Hello, StackOverflow!</p>
回答 1
Stack Overflow用户
发布于 2021-05-14 12:56:31
Chrome和Firefox还会查看你的操作系统的主题偏好。
如果你的操作系统主题设置为浅色，即使Chrome和Firefox是深色主题，它们也不会加载深色主题的网页。
如果您将Windows操作系统主题更改为黑色主题，那么Chrome和Firefox也会发生变化。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67529098
复制相关文章
相似问题
腾讯云开发者
