ruby-on-rails - Spriting with Compass - 图标的大小应该一样吗?

标签 ruby-on-rails css sprite compass-sass

组成 Sprite 的图标是否应该具有相同的大小?

我在 div 的左上角看到“当前菜单”图标,在 div 的下方,在 sprite 中它后面的图标更大。

@import "marker/*.png";
@include all-marker-sprites;

li.current {
    @include marker-sprite(current-menu);
    ...

我做错了吗?

提前致谢。

最佳答案

Compass 将您的所有图像(无论大小)垂直组合成一个图像。然后它应该计算每个图像的高度并将其指定为背景位置偏移量。如果你的li高度为 20px 和 current-menu图标的高度为 16px,您将在 Sprite 中看到一些下一张图片。

您可以将所有图标设置为相同大小,也可以使用自定义选项来设置间距、位置和重复等内容。 You can read more about it in the Spriting tutorial.

关于ruby-on-rails - Spriting with Compass - 图标的大小应该一样吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9004476/

相关文章:

LibGDX Sprite 批处理并在运行时添加新 Sprite

ruby-on-rails - 使用 Nginx、Action Cable 和 Redis 的乘客 fork

python - Selenium CSS_Selector 寻找具有特定文本的元素结果是 'NoSuchElementException'

html - 使 div 宽度与其内容宽度相同

css - 主页上的不同 CSS

swift - 如何检测您的手指是否与蒙面 Sprite 接触

graphics - 在PC上编程图形和声音-共有新手问题,其中很多!

ruby-on-rails - rails : adding additional methods to a model for cache retrieval

python - 如何从 Rails 应用程序运行 Python 脚本?

ruby-on-rails - 如何将变量从 let 传递到共享示例?