Javascript 如何在媒体查询下使用引导间隔变量？

我正在使用自定义的

$spacer

变量来调整UI/页面多个元素的大小。如何在

@media

查询下使用此选项？如下图所示，它不起作用。如何使用不同的$spacer以获得不同的分辨率？请帮忙

@media (min-width: 1280px) {
  $spacer: 16px;
}
@media (min-width: 1600px) {
  $spacer: 24px;
}

---

您不能在媒体查询中使用Sass变量，因为媒体查询发生在客户端。对于首选解决方案，请遵循此线程。由于媒体查询发生在客户端，所以不能在媒体查询中使用Sass变量。请遵循此线程获取您的首选解决方案