在使用Sass时，为什么我的变量无法在媒体查询中正常工作？

媒体查询中无法正常使用Sass变量的问题通常是由于变量作用域的原因。在Sass中，如果变量在媒体查询之外定义，它们可能无法在媒体查询内部访问。为了解决这个问题，你可以将变量定义放在媒体查询内，或者使用 !global 标志使变量具有全局作用域。

以下是两种解决方法的示例：

1. 将变量定义放在媒体查询内部：

@media screen and (min-width: $breakpoint) {
  $primary-color: #3498db;
  body {
    background-color: darken($primary-color, 10%);
  }
}

1. 使用 !global 标志：

$primary-color: #3498db;
$breakpoint: 768px;

body {
  background-color: $primary-color;
}

@media screen and (min-width: $breakpoint) {
  $primary-color: #3498db !global;
  body {
    background-color: darken($primary-color, 10%);
  }
}

通过这些调整，你应该能够在媒体查询中成功使用Sass变量。

免责申明：文章和图片全部来源于公开网络，如有侵权，请通知删除 server@dude6.com