2

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

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

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

4

1 回答 1

0

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

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

将普通图标放入images/sprites/icons
然后制作双倍大小的图标并将它们放入images/sprites/icons2x

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

于 2014-08-31T14:53:26.143 回答