Html页面支持暗黑模式的实现
Html页⾯⽀持暗⿊模式的实现⾃19年开始,Android和IOS平台,都开始玩暗⿊模式。当然这没什么不好,但是当我们的页⾯被⽤户在暗⿊模式打开之后,会被那传统⼤⽩⾊瞬间闪瞎双眼。下⾯会简单的说⼀下如何让页⾯⽀持暗⿊模式。准备其实,我们只是需要使⽤到css中的 prefers-color-scheme 媒体查询。苹果暗黑模式1. no-preference 表⽰⽤户未制定操作系统主题。作为布尔...
2024-10-01 27 0
Html页⾯⽀持暗⿊模式的实现⾃19年开始,Android和IOS平台,都开始玩暗⿊模式。当然这没什么不好,但是当我们的页⾯被⽤户在暗⿊模式打开之后,会被那传统⼤⽩⾊瞬间闪瞎双眼。下⾯会简单的说⼀下如何让页⾯⽀持暗⿊模式。准备其实,我们只是需要使⽤到css中的 prefers-color-scheme 媒体查询。苹果暗黑模式1. no-preference 表⽰⽤户未制定操作系统主题。作为布尔...