因此，经过几天的研究，我不得不写下这个问题：
使用指南针精灵的最佳方法是什么？
使用水平或垂直布局似乎对我来说很好。但我无法使用智能布局。我总是面临同样的问题：当在某些点缩放页面（进或出）时，我可以在我的精灵上看到一些兄弟精灵。它重叠了。
似乎使其工作的唯一方法是通过罗盘精灵的配置添加一些空间，但智能布局不支持此功能。
那么，该怎么办？
始终使用水平或垂直布局？性能影响是什么？
我的意思是，随着精灵数量的增加，生成的图像的大小将非常大。在罗盘的文档中，他们说这会导致性能问题......
但是使用智能布局对我来说完全没用，因为这个重叠的问题。
你们通常做什么？
可以随时使用水平或垂直布局，并使生成的文件垂直或水平增长而不是最佳方式？
问这个原因我们很快就会移动到移动设备并且执行是关键点。
提前多多感谢！
答案 0 :(得分：0)
图像尺寸的限制因素是像素的总量，所以如果你把它们放在行而不是方形，它应该没问题。此外，如果设计允许，您可以使用元素边框和背景添加到每个精灵边框，以便它看起来不错。
但请注意，即将推出的互联网标准对精灵的影响要小得多。例如SPDY：
不要将CSS精灵与外部样式表一起使用 - 参考资料 外部样式表显然只是在外部发现之后 样式表已下载，并且只有在规则匹配时才会下载 元件。他们提供的减少HTTP请求的优势是 SPDY由于其多路复用而不必要。因此，CSS精灵 只是让它变慢。