css - 使用 css/sass 缩放精灵

Question

我正在使用 sass 图像精灵和 span 标签来创建图像。我现在在调整这些图像的大小时遇到​​问题。似乎 usingbackground-size以某种方式适用于整个精灵图集，而不仅仅是所选精灵。

如何调整精灵图像的大小？

示例代码，我设置这样的精灵：

@import "compass/utilities/sprites/sprite-img";
@import "icons/*.png";
@include all-icons-sprites;

然后我将它们与类标签一起使用，或者我创建新类，直接在 scss 文件中提及它们：

.more span.right-icon {
  @include icons-sprite('item-more');
}

Answer 1

没有办法解决它 - 图像被视为一个整体，精灵只是逻辑内部指南。

但是，您可以image-position根据您background-size分别应用的任何更改重新计算 。