Question

我正在使用inline-image函数来创建图标类。这是我目前的SCSS：

.folder {
    background: inline-image("icons/home/folder.png", 'image/png') no-repeat center;
    height: 30px;
    width: 41px;
}

我正在寻找一个可以确定图像宽度和高度的函数，所以我可以这样做：

.folder {
    background: inline-image("icons/home/folder.png", 'image/png') no-repeat center;
    height: image-height("icons/home/folder.png", 'image/png');
    width: image-width("icons/home/folder.png", 'image/png');
}

这样的事情是否存在？

Answer 1

找到此http://compass-style.org/reference/compass/helpers/image-dimensions/

你已经猜到了正确的功能名称。

要使用它们，您需要安装指南针。

会是这样的：

@import "compass/helpers";

.folder {
    background: inline-image("icons/home/folder.png", 'image/png') no-repeat center;
    height: image-height("icons/home/folder.png");
    width: image-width("icons/home/folder.png");
}

顺便说一句，我建议你使用sprite作为图标： http://compass-style.org/reference/compass/helpers/sprites/

SCSS - 获取图像尺寸

1 个答案: