Google和Firefox浏览器将提供新的CSS样式，以使网站背景颜色适应夜间模式

我们知道，尽管Windows 10以及Google和Firefox浏览器都具有黑色模式，但它们无法直接更改网站的背景颜色.

这意味着当用户在晚上实际浏览网页时，原始的白色背景仍然是令人眼花white乱的白色，总体而言，用户体验相对较差.

好消息是火狐浏览器 css样式，Google和Firefox浏览器目前正在开发和测试新的.CSS样式表，以使网站能够根据浏览器和系统自动调整背景色.

最后，网站需要进行调整:

可以将新样式表网站与当前使用的样式表进行比较，例如，添加了新的Night模式，以将网站背景的背景颜色在晚上更改为黑色.

网站上的其他内容（尤其是文本内容）可能会根据背景颜色反转，以便用户在夜间浏览Web时可以清晰地阅读文本.

根据当前的开发进度，Firefox浏览器早于Google Chrome提供此功能. 那时，用户可以下载Firefox浏览器beta版进行测试.

.day { background: #eee; color: black; }
.night { background: #333; color: white; }
@media (prefers-color-scheme: dark) {
.day.dark-scheme { background: #333; color: white; }
.night.dark-scheme { background: black; color: #ddd; }
}
@media (prefers-color-scheme: light) {
.day.light-scheme { background: white; color: #555; }
.night.light-scheme { background: #eee; color: black; }
}
.day, .night {
display: inline-block;
padding: 1em;
width: 7em;
height: 2em;
vertical-align: middle;
}

但是，安全问题也应关注:

新样式表可能用于指纹识别（广告字段中的跟踪与物理指纹识别无关）火狐浏览器 css样式，因此开发人员也会注意到此问题.

广告网络的指纹识别将对用户设备的各种参数进行编码以生成唯一的ID，并且颜色首选项可以读取系统的当前模式.

因此，它也可以被广告网络集成到指纹识别中作为跟踪参数. 在这方面，开发人员仍在考虑针对性的解决方案.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-257797-1.html