Compass CSS Sprites - 垂直布局的目的[关闭]答案

【问题标题】：Compass CSS Sprites - Purpose of vertical layouts [closed]Compass CSS Sprites - 垂直布局的目的[关闭]
【发布时间】：2013-12-08 09:03:13
【问题描述】：

In this page here，Compass 允许 4 种不同类型的精灵布局 - 垂直、水平、对角线和智能。

上面提到智能布局是最有效利用空间的布局，很明显。

然而，Compass 默认在 Sprites 上使用垂直布局！为什么？为什么还要提供不同类型的布局？有什么实际原因吗？

【问题讨论】：

1.我们应该怎么知道？我们没有制作那个程序。 2. 无论如何，这都是基于意见的。
@Doorknob 我不同意。为 CSS 精灵提供这些选项可能有明显的原因，询问何时出于何种原因使用何种类型是完全正确的。
这根本不是意见问题。一个我可能不知道的示例答案：'因为垂直布局更适合分隔图标，我们喜欢添加尾随空格，因为......'。显然是有目的的。我在问是否有人知道它是什么。
谢谢@Fabian Barney

【解决方案1】：

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

这可能导致大部分时间使用smart 选项。谷歌也使用这种风格的精灵。与简单的水平或垂直精灵相比，智能精灵的生成很可能需要更多的 CPU 资源。我不知道是否还有其他原因选择水平/垂直精灵而不是智能精灵。

【讨论】：