在這種情況下，Sass/SCSS mixin參數的正確使用是什麼？

Question

對於background-size屬性，我有問題可以使用$image-width和$image-height參數。如果我選擇就地編寫參數（如下面代碼示例中的註釋行所示），CSS才起作用。動態版本不起作用。我做錯了什麼？

除此之外，此代碼段只能在設備需要時加載視網膜版本。 瞭解更多關於在這裏：​​Media Query Asset Downloading

/* see: http://timkadlec.com/2012/04/media-query-asset-downloading-results/ */ 
@mixin retina-background($filename, $image-width, $image-height, $extension: ".png") { 
    background-image: image-url($filename + $extension); 
    height: $image-height; 
    width: $image-width; 
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
    only screen and (min--moz-device-pixel-ratio: 1.5), 
    only screen and (-o-min-device-pixel-ratio: 3/2), 
    only screen and (min-device-pixel-ratio: 1.5) { 
     background-image: image-url($filename + "2x" + $extension); 
     //background-size: 213px 21px; 
     background-size: $image-width $image-height; 
     height: $image-height; 
     width: $image-width; 
    } 
} 

Answer 1

是，代碼工作正常。我忘了在我的調用函數的參數中分配「px」。所以產生的CSS是錯誤的（沒有單位）。多麼無用的錯誤。非常感謝！