从指南针精灵获取图像宽度和高度答案

【问题标题】：Getting image width and height from compass sprites从指南针精灵获取图像宽度和高度
【发布时间】：2012-12-12 08:42:42
【问题描述】：

从指南针生成精灵时，我无法获取图像的宽度和高度。我正在使用 Scout 进行实时观看，并且已经配置了我的图像文件夹。我有我想在一个名为 common 的文件夹中精灵的图像。

这是我的代码

@import "common/*.png";
.facebook { @include common-sprite(facebook); }

这可以工作并生成背景位置，但我想获得宽度和高度。

任何都很棒！

【问题讨论】：

【解决方案1】：

我找到了解决方案。添加$common-sprite-dimensions: true; (link to compass sprite options docs) 会将宽度和高度放入输出中。

【讨论】：

【解决方案2】：

如果您不希望使用图像大小定义所有精灵用法，您还可以：

@import "common/*.png";
.facebook { @include common-sprite(facebook, true); }

trueparameter 将仅在 .facebook 类定义中为图像生成宽度和高度。

【讨论】：