使用css/sass縮放sprite

Question

我使用sass圖像sprites和span標籤來創建圖像。我現在遇到了調整這些圖像的問題。看起來，使用background-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

沒有辦法繞過它 - 圖像被認爲是一個整體，精靈只是邏輯內部的指南。

但是，您可以根據分別適用於background-size的任何更改重新計算image-position。