Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Sass和四舍五入数字。这可以配置吗?_Css_Sass_Compass Sass_Responsive Design - Fatal编程技术网

Css Sass和四舍五入数字。这可以配置吗?

Css Sass和四舍五入数字。这可以配置吗?,css,sass,compass-sass,responsive-design,Css,Sass,Compass Sass,Responsive Design,我有没有办法修改Sass处理小数位数的方式?我看到一些人说Sass将动态地执行响应布局所需的(目标/父)*100计算,并在编译时输出结果。它甚至还有一个百分比函数,它基本上会接受这两个值并执行此操作 唉,Sass只会给我小数点后3位。到目前为止,我的理解是,在某些情况下,这可能不足以让所有浏览器正确显示布局而不出现任何问题 有谁能帮我弄清楚这件事吗 编辑 解决了。如果其他人感兴趣,我设法在Sass的number.rb中实现了我想要的,改变了@precision的值。这会改变所有浮点的输出方式。也

我有没有办法修改Sass处理小数位数的方式?我看到一些人说Sass将动态地执行响应布局所需的(目标/父)*100计算,并在编译时输出结果。它甚至还有一个百分比函数,它基本上会接受这两个值并执行此操作

唉,Sass只会给我小数点后3位。到目前为止,我的理解是,在某些情况下,这可能不足以让所有浏览器正确显示布局而不出现任何问题

有谁能帮我弄清楚这件事吗

编辑


解决了。如果其他人感兴趣,我设法在Sass的number.rb中实现了我想要的,改变了@precision的值。这会改变所有浮点的输出方式。

也可以使用命令行中的
--precision
进行配置,请参阅

还应添加,如果您想直接在
numbers.rb
中编辑
@precision
,您可以在以下位置找到
numbers.rb
(至少在OS X上):


1.8和3.1.10当然应该替换为您的(最好是最新的)版本号。

如果您使用的是Compass,您可以轻松地在项目文件(config.rb)中指定精度,而无需修改核心:

Sass::Script::Number.precision = 8
有关详细信息,请参见

首先设置项目中需要的最高精度

然后,使用下面的函数(基于)自定义各个属性级别的小数数

代码:

@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
输出:

@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

你成功地让它工作了吗?当我尝试“sass--precision 6”时,什么也没发生。@Jon语法略有不同:
--precision=6
。。。因此,您需要一个
=