SASS (gulp-sass) 语法问题 - @media没有输出，变量为

Question

我用的是 gulp-sass 版本 3.0.0 与 Gulp 版本 3.9.1

我暂时无法更新Gulp。

当我使用变量与@media时，我没有输出。

$screen-lg: 1200px;

$under-lg: "screen and (max-width: ($screen-lg - 1px))"; 

@media #{$under-lg} {
   width: 100%;
}

你知道为什么吗？谢谢你，我用的是gulp-sass 3.0.0版本和Gulp 3.9.0版本。

Answer 1

由于变量是在字符串里面，你必须使用 插值 得出 $screen-lg - 1px:

$screen-lg: 1200px;

$under-lg: "screen and (max-width: (#{$screen-lg - 1px}))"; 

@media #{$under-lg} {
   width: 100%;
}