您的位置 首页 html教程

html如何实现暗黑模式

下面会为大家简单的说一下如何让页面支持暗黑模式。

准备

其实,我们只是需要使用到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

关于作者: admin

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图