如何在 Compass 上使用“使用百分比”？

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;。