我try 在媒体查询中使用CSS变量，但不起作用.
:root {
--mobile-breakpoint: 642px;
}
@media (max-width: var(--mobile-breakpoint)) {
}
我try 在媒体查询中使用CSS变量，但不起作用.
:root {
--mobile-breakpoint: 642px;
}
@media (max-width: var(--mobile-breakpoint)) {
}
从spec米开始，
var()函数可以用来代替中某个值的任何部分
所以不能，你不能在媒体查询中使用它.
这是有道理的.因为您可以将--mobile-breakpoint例如设置为:root，也就是<html>元素，并从那里继承到其他元素.但是媒体查询不是一个元素，它不是从<html>继承的，所以它不能工作.
这不是CSS变量想要实现的.您可以使用CSS预处理器.