防止图像精灵被缩放

Question

我正在构建一个网页，我不会在宽度和高度上使用像素。我只使用百分比来使页面适合任何设备。

这种方法的结果之一是浏览器的缩放不会影响我的div的大小（我非常喜欢）。

问题：

为了表现，我想为我的按钮使用精灵。如何通过放大/缩小来改变精灵？

我使用的代码是：

<div class="add_article">
     <a  class="new_article_trigger" ></a>
</div> 

.add_article
{
    height:100%; 
    width:5%;
    float:left;

}
.new_article_trigger
{
    background: url('../images/sprite.png') no-repeat;
    height:100%; 
    width:100%;
    float:left;
    background-position: 0 -70px; 

}   

感谢您的帮助。