下面会为大家简单的说一下如何让页面支持暗黑模式。
准备
其实,我们只是需要使用到css中的 prefers-color-scheme 媒体查询。
no-preference 表示用户未制定操作系统主题。作为布尔值时,为 false 输出。
light 表示用户的操作系统是浅色主题。
dark 表示用户的操作系统是深色主题。
(
下面会为大家简单的说一下如何让页面支持暗黑模式。
准备
其实,我们只是需要使用到css中的 prefers-color-scheme 媒体查询。
no-preference 表示用户未制定操作系统主题。作为布尔值时,为 false 输出。
light 表示用户的操作系统是浅色主题。
dark 表示用户的操作系统是深色主题。
(
文章来源:火云技术网
文章标题:html如何实现暗黑模式
文章地址:https://www.pyhw.net/29900_html%e5%a6%82%e4%bd%95%e5%ae%9e%e7%8e%b0%e6%9a%97%e9%bb%91%e6%a8%a1%e5%bc%8f.html