sass mixin不起作用

Question

我正在尝试编译以下SCSS代码

//SCSS Code
@mixin box-shadow($shadows) {
   -moz-box-shadow: $shadows;
   -webkit-box-shadow: $shadows;
   box-shadow: $shadows;
}

.shadows {
   @include box-shadow(0px 4px 5px #666);
}

但是，编译后的CSS没有显示供应商前缀属性。我正在使用SassMeister编译这段代码。

//Compiled CSS
.shadows {
  box-shadow: 0px 4px 5px #666;
}

Answer 1

它“不工作”，因为您打开了autoprefixer选项(options - autoprefixer)。如果关闭，您将看到前缀样式。

注意：自动再固定器会自动为您添加这些前缀。而且，正如@rrd所指出的，现在不需要box-shadow的前缀了。

Answer 2

我认为，您会发现雨果·吉劳德尔的文章很有用。这样，您就可以确保您得到了您想要的供应商前缀。不过，在另一个方面，我认为你现在不需要特定于盒影厂商的前缀。