图片居中和缩放

vant图片

http://mui.ucmed.cn/#/zh-CN/image

.img-cvs {
  // width: 300px; /* 定义容器宽度 */
  // height: 200px; /* 定义容器高度 */
  overflow: hidden; /* 超出容器的图片部分将被隐藏 */
  display: flex; /* 使用flex布局 */
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  position: relative; /* 为object-position定位提供参照 */
}

.img-cvs img {
  width: 100%; /* 图片宽度填满容器 */
  height: 100%; /* 图片高度填满容器 */
  object-fit: scale-down; /* 图片等比缩放，不过大于原始尺寸就不缩放 */
  object-position: center; /* 图片定位到容器中心 */
  position: absolute; /* 绝对定位，相对于父容器定位 */
}