指南针CSS Sprites - 垂直布局的目的

时间:2013-12-08 00:29:29

标签: css sprite compass-sass

In this page here,指南针为精灵提供4种不同类型的布局 - 垂直,水平,对角和智能。

它提到智能布局是布局最有效的空间利用,这是非常明显的。

但是,Compass 默认使用Sprites上的垂直布局!为什么?为什么甚至提供不同类型的布局?有什么实际的理由吗?

1 个答案:

答案 0 :(得分:2)

一个区别是生成的文件大小。 根据组合到精灵的图像,选择最适合图像空间而没有太多空白的选项是有利的。这将导致图像尺寸小于使用其他选项之一。

这可能会导致大多数时候使用smart选项。谷歌也使用这种风格的精灵。 智能精灵很可能比简单的水平或垂直精灵更容易产生cpu。我不知道是否有其他原因可以选择水平/垂直精灵超过智能精灵。