首页 > 其他 > 详细

固定宽高域中缩略图的自适应

时间:2018-04-18 10:06:12      阅读:197      评论:0      收藏:0      [点我收藏+]

图片必须使用一个块级元素进行包裹,样式如下:

.img-parent{
   width:50px;  
     height:50px;
}
.img-parent>img{
     max-width:100%;
     max-height:100%;
}

达到如下效果:

技术分享图片

 

固定宽高域中缩略图的自适应

原文:https://www.cnblogs.com/Brose/p/thumbnail_resize.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!