您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS本机变量在媒体查询中不起作用

CSS本机变量在媒体查询中不起作用

从规格,

var()函数可以代替元素上任何属性中值的任何部分。该var()函数不能用作属性名称,选择器或除属性值之外的其他任何东西。(这样做通常会产生无效的语法,否则将产生其含义与变量无关的值。)

所以不,您不能在媒体查询中使用它。

这是有道理的。因为您可以将--mobile-breakpoint例如设置为:root,即<html>元素,然后从那里继承其他元素。但是媒体查询不是元素,它也不继承自<html>,因此它无法工作。

这不是CSS变量要完成的任务。您可以改用CSS预处理器。

CSS 2022/1/1 18:17:57 有571人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶