使用 background-size 让精灵图实现自适应缩放

3年前
利用background-size自适应的原理,再使用百分比作为宽度和高度的单位,例子中的精灵图有7列,所以设置background-size: 700% 100%。使用background-position就能取到精灵图里每个元素,取图中的第二个元素:background-position-x: 200%。