问题解决｜使用Less变量和媒体查询实现深浅色模式适配 使用Less变量简化css写法，并不影响css变量和媒体查询在深浅模式切换时的效果 <!--more--> ## 分析问题 首先要清楚问题的来源是什么，使用媒体查询api可以根据深浅色为css变量赋予不同的值，而Less（或是scss）不是原生被浏览器所支持，运行时需要先转为为原生css，这一步也就是编译，有点类似ts和js的关系。这里采用的是vite创建的Vue3项目 而Less/Sc技术学习大约 1 年前csslessVue.js29700