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

Posted 2020-10-31 上帝老张

tags:

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

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

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

达到如下效果：

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