gulp-css-spriter 手机站图标的问题

Question

如题，手机网站项目里面切的图标为了显示更清晰一般是实际尺寸的2倍，用了gulp-css-spriter插件合并图标后，雪碧图的尺寸也是实际的2倍大小，导致生成的css文件里面background-position也是正常情况的2倍...

比如我图标尺寸是70x80，生成css的background-position也是按照这个尺寸（70x80）来定位的，应该是这个尺寸的2分之一(35x40)才对。

有没有办法解决这个问题呢？

Answer 1

一般而言需要打开2倍的模式，比如我用的是glue(python)，它支持retina模式，生成的代码是正确的background-position。

顺带一提，你所用的gulp-css-sprite在npm里面我只找到这个，这个库在github上只有一个星，多半是一个个人作品，不一定支持这个功能……