2

出来ますか？

元：

@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}) { ..."
4

1 に答える 1

5

Sass 3.2 以降では、メディア クエリでのみ変数を使用できます。ターミナルでこれを実行すると、使用しているバージョンを確認できます。

gem list | grep sass

次のコマンドを実行して、3.2 アルファ版をインストールできます。

(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));
  }
}

240pxjust の代わりにby を掛けること240と、その間に追加されたスペースに注意してください。$i - 1

于 2012-07-08T04:57:25.473 に答える