在Mobile中设置精灵图像

Question

我在项目中使用精灵图片。

我的HTML是：

<div class="image-step"><img src="icon-sprite.png")" /></div>

我的CSS：

.image-step{width: 132px; height: 72px; display: block; margin: 0 auto 15px auto; overflow: hidden;}
.image-step img{position: relative; top: -41px;}

看起来不错。我的问题是移动，因为我必须以小尺寸显示该图像。 我可以放入媒体查询 .image-step {width：62px;} 但我无法将图像设置为该大小。如果我使用百分比，我修改mi图像精灵时会有问题。

你知道我该如何解决这个问题吗？

谢谢。