css图片溢出

2019-11-07 13:43:09济南做网站速动科技

问题描述:要将素材图(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是根据图片的比例来计算出来的*/
}

上一篇:

css谷歌浏览器兼容问题

下一篇:

BootStrap 模态框禁用空白处点击关闭 返 回

Copyright © 2009-2020 JnSuDong.Com All Right Reserved.  鲁ICP备19043865号