css图片溢出

问题描述：要将素材图（400*250）缩放到页面效果（100*100），如果直接按等比例会出问题！

解决方案：

.list-rec li {
 width: 100px;
 float: left;
 display: block;
 margin: 5px;
 height: 100px;
 overflow:hidden
}
.list-rec li img{
 max-width:286px;
 _width:expression(this.width > 286 ? "286px" : this.width);
 overflow-x:hidden;
/*286是根据图片的比例来计算出来的*/
}