指南针精灵和视网膜显示

时间:2013-06-17 19:18:40

标签: sass compass-sass retina-display sprite css

我使用Compass生成了一个带有视网膜图像的精灵,但想找到一种方法让背景位置与我匹配使用背景大小:100%的高度/宽度是图像大小的一半。有没有办法我可以手动将背景位置切成两半,这样位置是正确的(因为我缩小了图像资产)?

我想用background-position实现的例子:

http://www.studiopress.com/design/css-background-size-graphics.htm

1 个答案:

答案 0 :(得分:0)

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

https://gist.github.com/Frexuz/fb8e9139f6ba18548f73

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

重要提示:2x需要精确加倍,文件名必须与相应的1x图像匹配:)