当前位置:网站首页>H5内嵌App适配暗黑模式
H5内嵌App适配暗黑模式
2022-07-05 06:23:00 【Heerey525】
情况:项目是vue
做的H5
页面,需要嵌入到App
中适配暗黑模式,但是H5需要有个加载的过程,就会出现一闪而过的白色(未渲染完成)
解决方法:在public/index.html
中添加CSS
媒体查询,代码如下
<style type="text/css">
@media (prefers-color-scheme: no-preference) {
body {
background-color: #fff !important;
}
}
@media (prefers-color-scheme: light) {
body {
background-color: #fff !important;
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: rgba(0,0,0,28) !important;
}
}
</style>
边栏推荐
- Redis-02.Redis命令
- 求组合数 AcWing 888. 求组合数 IV
- 【LeetCode】Day94-重塑矩阵
- ollvm编译出现的问题纪录
- __ builtin_ Popcount() counts the number of 1s, which are commonly used in bit operations
- [leetcode] day95 effective Sudoku & matrix zeroing
- LeetCode 0107. Sequence traversal of binary tree II - another method
- Niu Mei's math problems
- [2021]GIRAFFE: Representing Scenes as Compositional Generative Neural Feature Fields
- 阿里新成员「瓴羊」正式亮相,由阿里副总裁朋新宇带队,集结多个核心部门技术团队
猜你喜欢
博弈论 AcWing 892. 台阶-Nim游戏
Game theory acwing 893 Set Nim game
1.13 - RISC/CISC
NotImplementedError: Cannot convert a symbolic Tensor (yolo_boxes_0/meshgrid/Size_1:0) to a numpy ar
Bit of MySQL_ OR、BIT_ Count function
Leetcode-6110: number of incremental paths in the grid graph
什么是套接字?Socket基本介绍
What is socket? Basic introduction to socket
Sqlmap tutorial (1)
Real time clock (RTC)
随机推荐
3.Oracle-控制文件的管理
1.13 - RISC/CISC
Currently clicked button and current mouse coordinates in QT judgment interface
[2021]GIRAFFE: Representing Scenes as Compositional Generative Neural Feature Fields
MPLS experiment
MySQL advanced part 2: MySQL architecture
Sword finger offer II 058: schedule
Interval problem acwing 906 Interval grouping
背包问题 AcWing 9. 分组背包问题
高斯消元 AcWing 884. 高斯消元解异或线性方程组
In depth analysis of for (VaR I = 0; I < 5; i++) {settimeout (() => console.log (I), 1000)}
[BMZCTF-pwn] ectf-2014 seddit
5.Oracle-錶空間
20220213-CTF MISC-a_ good_ Idea (use of stegsolve tool) -2017_ Dating_ in_ Singapore
New title of module a of "PanYun Cup" secondary vocational network security skills competition
Sqlmap tutorial (1)
4. 对象映射 - Mapping.Mapster
2.Oracle-数据文件的添加及管理
Sum of three terms (construction)
Winter messenger 2