8

Sass が小数点以下を処理する方法を変更する方法はありますか? Sass はレスポンシブ レイアウトに必要な (ターゲット/親)*100 の計算を動的に実行し、コンパイル時に結果を出力すると言っている人を何人か見ました。パーセンテージ関数もあり、基本的に2つの値を取り、これを行います。

悲しいかな、Sass は小数点以下 3 桁しか教えてくれません。これまでの私の理解では、場合によっては、すべてのブラウザーが問題なくレイアウトを適切に表示するには、これが十分な精度ではない可能性があるということです。

誰でも私がこれを理解するのを手伝ってくれますか?

編集

解決しました。他の誰かが興味を持っている場合に備えて、@precision の値を変更して、Sass の number.rb で私が望んでいたことを達成することができました。これにより、すべての float の出力方法が変更されます。

4

3 に答える 3

14

Compass を使用している場合は、コアをハッキングすることなく、プロジェクト ファイル (config.rb) で簡単に精度を指定できます。

Sass::Script::Number.precision = 8

詳細については、Sass のドキュメントを参照してください。

于 2012-07-31T17:31:55.320 に答える
5

--precisionコマンドラインで使用して構成することもできます。 SASS Changelog, version 3.1.8を参照してください。

@precisionまた、直接編集したい場合は、 (少なくとも OS X では) ここでnumbers.rb見つけることができます:numbers.rb

/usr/lib/ruby/user-gems/1.8/gems/sass-3.1.10/lib/sass/script

1.8 と 3.1.10 はもちろん、(できれば最新の) バージョン番号に置き換えてください。

于 2011-11-07T15:27:39.343 に答える
1

最初に、デフォルトの精度を、プロジェクトで必要になる最高の精度に設定します。

次に、以下のような関数 ( Takeru Suzuki によるこの関数に基づいています) を使用して、個々のプロパティのレベルで小数点以下の桁数をカスタマイズします。

コード :

@function decimal-round ($number, $digits: 0, $mode: round) {
    $n: 1;
    // $number must be a number
    @if type-of($number) != number {
        @warn '#{ $number } is not a number.';
        @return $number;
    }
    // $digits must be a unitless number
    @if type-of($digits) != number {
        @warn '#{ $digits } is not a number.';
        @return $number;
    } @else if not unitless($digits) {
        @warn '#{ $digits } has a unit.';
        @return $number;
    }
    @if $digits > 0 {
        @for $i from 1 through $digits {
            $n: $n * 10;
        }
    }
    @if $mode == round {
        @return round($number * $n) / $n;
    } @else if $mode == ceil {
        @return ceil($number * $n) / $n;
    } @else if $mode == floor {
        @return floor($number * $n) / $n;
    } @else {
        @warn '#{ $mode } is undefined keyword.';
        @return $number;
    }
}

出力:

decimal-round(0.333)    => 0
decimal-round(0.333, 1) => 0.3
decimal-round(0.333, 2) => 0.33
decimal-round(0.666)    => 1
decimal-round(0.666, 1) => 0.7
decimal-round(0.666, 2) => 0.67
于 2016-10-07T15:24:40.910 に答える