CSS判断手机暗黑模式

手机有个功能到了晚上会自动变成深色也就是暗黑模式.这种情况下网页会自动变颜色.如果想自由控制暗黑模式下的html样式的话,可以用如下方式:

css 复制代码
        @media (prefers-color-scheme:  dark) {
            /*html, body {*/
                /*filter: invert(1) hue-rotate(180deg);*/
            /*}*/
            .maill{
                margin-left: 0;
                margin-right: 0;
                margin-top: 0px;
                margin-bottom: 0px;
                width: 100%;
                max-width: 100%;
                background: rgb(255,255,255)!important;

                padding: 0px;
                padding-bottom: 20px;
            }
            /*img, video,audio{*/
            /*@include hover-change(#4B4B4B,white);*/
            /*}*/
        }

这就只会在暗黑模式的时候才生效!

相关推荐
gnip几秒前
markdown预览自定义扩展实现
前端·javascript
大猫会长12 分钟前
mac中创建 .command 文件,执行node服务
前端·chrome
旧时光_12 分钟前
Zustand 状态管理库完全指南 - 进阶篇
前端·react.js
snakeshe101014 分钟前
深入理解useState:批量更新与非函数参数支持
前端
windliang14 分钟前
Cursor 排查 eslint 问题全过程记录
前端·cursor
boleixiongdi15 分钟前
# Bsin-App Uni:面向未来的跨端开发框架深度解析
前端
G等你下课18 分钟前
AJAX请求跨域问题
前端·javascript·http
前端西瓜哥19 分钟前
pixijs 的填充渲染错误,如何处理?
前端
snakeshe101019 分钟前
6-1. 实现 useState
前端
呆呆没有脑袋21 分钟前
深入浅出 JavaScript 闭包:从核心概念到框架实践
前端