固定div尺寸 图片适应不变形处理样式

.div-image {

      width: 200px;

      height: 132px;

      overflow: hidden;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 16px;

      img {

       width: auto:  // width: fit-content;

        height: 100%;

        border-radius: 16px;

      }

    }

 

// fit-content PC端生效 移动端 真机不生效 改成 width: auto

 

// 常用设置图片样式 响应式页面保持图片宽高比（长宽比）一致

.img{

  width: 100px;

  height: calc(100px * 150 / 450);

aspect-ratio: 450/150;

}