【CSS】图片自适应不变形（代码效果示例）

HTML 

<div className="postCover">
    <img className="cover" src={item.mainImg} alt=""></img>
</div>

CSS(less写法）

         .postCover {
            width: 220px;
            height: 240px;
            border-radius: 10px;
            background-color: rgb(157, 174, 207);
            overflow: hidden;
            .cover {
              width: 100%;
              height: 100%;
              object-fit: cover;
              border-radius: 10px;
            }
          }

原图：

（项目效果图）

没变形，但是自适应了（相当于放大了）