首页
友链
壁纸
留言
今日热榜
更多
关于
时光
推荐
精品流量卡
Search
1
都二十多年了,你的梦为什么还没碎!
57,085 阅读
2
2022年5个好用的 BT/ 磁力链接下载工具推荐 |Windows 、安卓系统
37,327 阅读
3
nps内网穿透实现外网访问树莓派
32,418 阅读
4
实践利用宝塔建emlog个人博客-超详细【原创】
26,129 阅读
5
Typecho-Joe-Theme主题帮助文档
24,602 阅读
闲杂乱码
Python
网站源码
微信小程序
娱乐分享
Is相册
软件工具
登录
Search
标签搜索
PHP
HTML
API
Javascript
源码
JS
Vue
Github
CloudFlare
接口
函数
SQL
ASP.NET
MVC
EF
T4模板
后台管理
CDN
微信小程序
MAC
韩小韩
累计撰写
261
篇文章
累计收到
1,303
条评论
首页
栏目
闲杂乱码
Python
网站源码
微信小程序
娱乐分享
Is相册
软件工具
页面
友链
壁纸
留言
今日热榜
关于
时光
推荐
精品流量卡
搜索到
1
篇与
黑暗模式
的结果
2021-05-22
让你的网页支持苹果的 黑暗模式(深色Dark模式)
{message type="info" content="关于MAC的黑暗模式(深色Dark模式)网站颜色不适应问题,给予解决方案。"/}{callout color="#f0ad4e"}在未修复前,深色模式看的话就是一片空白,因为深色模式的字体是白色,同时给了一个 background-color:#f5f5f5 样式所导致这个是不能忍的,苹果用户还是蛮多的,并且 Safari、Chrome 目前都支持深色模式,所以来适配一下这里需要用到一个媒体查询 @media 的语法{/callout}prefers-color-scheme 用于检测用户的系统主题是浅色或深色,此属性有三个值no-preference 表示用户未指定操作系统模式,其作为布尔值时以 false 输出light 表示用户的操作系统是浅色模式dark 表示用户的操作系统是深色模式它的用法也是很简单,默认都是浅色模式的,所以我们只写深色模式的样式就行@media (prefers-color-scheme: light) { /* 浅色模式样式 */ } @media (prefers-color-scheme: dark) { /* 深色模式样式 */ }
2021年05月22日
980 阅读
0 评论
0 点赞