在css中动态调整大小精灵

Question

我有一个带有几个字符实例的.png，我打算为unsing的javascript设置动画。

我已将此图像放在容器div中，如下所示：

<div class='mage'>
    <img src='images/mage.png' />
</div>

和css：

.game .mage {
    width: 25%;
}
.game .mage img {
    width: 100%;
}

容器div需要根据浏览器分辨率和我遇到问题的地方调整大小。为了＆＃34; cut＆＃34;精灵，我会网络为容器设置一个固定的大小，并使用溢出：隐藏，但我需要它是动态的。

如何调整容器的大小，同时＆＃34; cut＆＃34;里面的图像？

谢谢。