SCSS精灵位置计算生成无效的CSS

Question

我尝试使用以下scss计算精灵位置

@mixin sprite-image($position, $row)
{
  background: url("/dist/image/sprite3.png") -$position * (1024 / 14)px $row * -(271/3)px;
}

当生成css时，我得到以下无效的css：

background: url("/dist/image/sprite3.png")-585.14286 px -90.33333 px; }

我应该如何生成有效的CSS？

我也尝试过：

@mixin sprite-image($position, $row)
{
  background: url("/dist/image/sprite3.png") round(-$position * (1024 / 14))px  round($row * -(271/3))px;
}

Answer 1

@mixin sprite-image($position, $row)
{
  background: url("/dist/image/sprite3.png") round(-$position * (1024 / 14)) *1px  round($row * -(271/3))*1px;
}

将它乘以1px解决它，问题是px之前的空间