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

Posted 上帝老张

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了固定宽高域中缩略图的自适应相关的知识,希望对你有一定的参考价值。

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

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

达到如下效果:

 

以上是关于固定宽高域中缩略图的自适应的主要内容,如果未能解决你的问题,请参考以下文章

PHP生成缩略图--等比缩略图

GD图像处理——缩略图的实现

三栏布局-------上下宽高固定,中间自适应

缩略图

使用matrixcursor加载带有缩略图的自定义ListView?但如何?

三栏布局——上下宽高固定,中间自适应