如何在Compass上使用“use-percentages”？

Question

我尝试使用use_percentages生成具有背景位置百分比的图像精灵。但是在编译SCSS文件之后，background-position声明仍然以像素为单位。

我的SASS代码：

@import "compass/utilities/sprites";

$sprite-layout:smart;
$sprite-sprite-dimensions: true;
$use-percentages: true;

@import "images/sprite/*.png";
@include all-sprite-sprites;

如何让精灵图像按百分比定位？

Answer 1

在指定use-percentages参数时，您必须在变量中包含精灵地图的名称，就像您已为layout所做的那样。因此，只需将$use-percentages: true;更改为$sprite-use-percentages: true;。