我有 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>
最佳答案
将#test li 的宽度更改为百分比值! http://jsfiddle.net/baGuZ/
关于html - 使一组带有背景图像的按钮响应窗口大小调整?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10818041/