html的ul里的图片自动缩放

这种布局一般都是写固定宽度和高度的。如果真的根据屏幕大小自动缩放图片，会更难看的。

<style>

*{margin:0padding:0}

.bg_5{clear:bothwidth:630pxheight:140px}

.bg_5 li{float:leftlist-style:nonewidth:125pxheight:130pxdisplay:inline}

.bg_5 img{width:125pxheight:135pxborder:0}

</style>

1、将li的height和line-height设置成为和设计稿一样的2、将列表图标整体切出来，铺在ul上，不平铺3、使用background-position控制ul背景和li中的文字对齐即可。。。

---