0
点赞
收藏
分享

微信扫一扫

CSS:图片伸缩模糊时进行裁剪保留原始比例展示

代码敲到深夜 2022-04-14 阅读 45

语法

object-fit: fill|contain|cover|scale-down|none|initial|inherit;

原图片效果展示

在这里插入图片描述

设置宽高时效果如图

.img {
    height: 100px;
    width: 100px;
    // object-fit: cover;
}

在这里插入图片描述

裁剪展示效果如图

.img {
    height: 100px;
    width: 100px;
    object-fit: cover;
}

在这里插入图片描述

举报

相关推荐

0 条评论