html - ウィンドウのサイズ変更に反応する背景画像のボタンのセットを作成しますか？

Question

最大幅のdiv内に含まれる背景画像を含む3つのリストアイテムがあります。ウィンドウのサイズが変更されたときにリストアイテムのサイズを拡大縮小しようとしていますが、まだ運がありません。これ。高さと幅のパーセンテージを設定するだけで、background-sizeを使用してみました。誰かが私がこれを達成する方法を提案できますか？

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/