制作一组按钮与背景图像响应窗口调整大小？

Question

我有3个列表项目，背景图片包含在具有最大宽度的div中，我想要做的是缩放列表项目尺寸，因为窗口已调整大小但我还没有没有运气这样做。我试过设置百分比高度和宽度也试过使用背景大小。任何人都可以建议我如何实现这一目标？

CSS

​#test{max-width:302px;width:100%;}
#test li{background:url('http://www.dummyimage.com/100/000/fff') no-repeat 0 0;max-width:100px;width:100%;height:100%;background-size:100% auto;float:left;margin-left:1px;}
#test li:first-child{margin-left:0;}

HTML

​<ul id="test">
    <li></li>
    <li></li>
    <li></li>
</ul>​​​​​​​​​​​​​​​​​​​​​​​​​​

Answer 1

将#test li的宽度更改为百分比值！ http://jsfiddle.net/baGuZ/