指南针精灵和视网膜显示答案

【问题标题】：Compass sprite and retina displays指南针精灵和视网膜显示
【发布时间】：2013-06-13 20:31:50
【问题描述】：

我已经使用 Compass 生成了一个带有视网膜图像的精灵，但我想找到一种方法让背景位置与我匹配，使用 background-size: 100% on height/width 一半的图像大小。有没有一种方法可以手动将背景位置减半以使位置正确（因为我正在缩小图像资产）？

我试图通过背景位置实现的示例：

【问题讨论】：

【解决方案1】：

我已经使用了一段时间了，没有任何问题:)

将普通图标放在images/sprites/icons
然后制作双倍大小的图标，放在images/sprites/icons2x

重要提示：2x 需要完全是两倍大小，并且文件名必须与对应的 1x 图像匹配:)

【讨论】：