是否可以?
前任:
@for $i from 1 through 12 {
@media screen and (min-width: #{$i * 240}) {
width: {$i * 240 + (20*($i-1)) } ;
}
}
但我不断得到
Invalid CSS after "...nd (min-width: ": expected expression (e.g. 1px, bold), was "#{$i * 240}) { ..."
是否可以?
前任:
@for $i from 1 through 12 {
@media screen and (min-width: #{$i * 240}) {
width: {$i * 240 + (20*($i-1)) } ;
}
}
但我不断得到
Invalid CSS after "...nd (min-width: ": expected expression (e.g. 1px, bold), was "#{$i * 240}) { ..."
您只能在 Sass 3.2 及更高版本的媒体查询中使用变量。您可以通过在终端中运行它来找到您正在使用的版本:
gem list | grep sass
您可以通过运行安装 3.2 alpha:
(sudo) gem install sass --pre
我假设您也希望使用像素,因此一旦安装了 3.2+,您可以将代码清理为:
@for $i from 1 through 12 {
@media screen and (min-width: $i * 240px) {
width: $i * 240px + (20*($i - 1));
}
}
注意乘以240px
而不是只是240
和之间添加的空间$i - 1