css - 使用 css/sass 缩放 Sprite

Question

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

如何调整 Sprite 图像的大小？

示例代码，我这样设置 Sprite :

@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

没有办法绕过它 - 图像被视为一个整体， Sprite 只是逻辑内部指南。

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