1

だから私は要素を配置するために簡単な計算をしようとしています。オンラインの「SASS を試す」ページで失敗する基本的な例まで説明します。以下の最初の例は成功しますが、2 番目の例は失敗します。唯一の違いは、計算の最後に 12px を加算または減算することです。

成功:

サス：

$a: 955px;
$b: 8;

body {
    width: (($a/$b)/2)+12px;
}

CSS :

body {
width: 71.6875px; }

エピックフェイル？:

サス：

$a: 955px;
$b: 8;

body {
    width: (($a/$b)/2)-12px;
}

CSS :

body {
width: 59.6875px -12px; }

誰もこれに遭遇したことがありますか？これは既知の問題ですか? その場合、回避策はありますか?

前もって感謝します！

4

2 に答える 2

2

ブラケットが欠落していたため、コンパイラはその-ve値を考慮しています:)

    $a: 955px;
    $b: 8;

    body {
        width: (($a/$b)/2)-(12px);
    }
于 2013-07-24T12:02:24.317 に答える
1

-演算子の周りにスペースを追加する必要があります:

$ sass -i
>> $a: 955px
955px
>> $b: 8
8
>> (($a/$b)/2)-12px // bug
(59.6875px -12px)
>> (($a/$b)/2) - 12px // OK
47.6875px
>> ($a/$b) / 2 - 12px // Works fine too
47.6875px

問題の@nex3の説明を読んでください減算演算子の奇妙な動作.

于 2013-07-24T21:31:59.370 に答える