在 Sass 百分比中使用 rem 单位答案

【问题标题】：Using rem unit in Sass percentage在 Sass 百分比中使用 rem 单位
【发布时间】：2014-11-28 09:54:14
【问题描述】：

我使用 sass 制作了一个网格，但我想将 $gutter-width 更改为 1rem，但我从百分比函数中得到一个语法错误，因为它需要一个像素值。

$max-width: 960px;
$total-columns: 12;
$column-width: percentage(80px / $max-width);
$gutter-width: percentage(20px / $max-width);

@function column( $column-size, $gutter: $gutter-width){
  @return $column-width * $column-size - $gutter-width;
}

【问题讨论】：

标签： css sass

【解决方案1】：

要从 SASS 中的值中删除单位，只需除以该单位即可。例如：

45px / 1px = 45

或

50px / 2px = 25

【讨论】：

【解决方案2】：

百分比函数需要一个无单位的值；您收到错误是因为它需要一个像素值，以便它可以从 $max-width 否定像素值。

【讨论】：