移动端精灵图适配

前言

精灵图既可用于减少图片数量，也可用于动画效果。

 background-position

通过 background-position调整精灵图中每张图片的位置用于显示。

background-position定位最好由设计同学提供，这样比较准确。

background-size

background-size: 23.84rem auto; 

其中23.84rem = 1192/50，1192是我的精灵图的width，我的适配是50，一般都是100，根据自己的适配大小调整。

参考：