手机有个功能到了晚上会自动变成深色也就是暗黑模式.这种情况下网页会自动变颜色.如果想自由控制暗黑模式下的html样式的话,可以用如下方式:
@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);*/
/*}*/
}
这就只会在暗黑模式的时候才生效!文章来源:https://www.toymoban.com/news/detail-687131.html
文章来源地址https://www.toymoban.com/news/detail-687131.html
到了这里,关于CSS判断手机暗黑模式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!