如何在不更改纵横比和裁剪图像的情况下调整图像大小

Question

我正在尝试仅通过CSS调整背景图片的大小，方法是保持其长宽比不变，并且不从任何一侧裁剪图像

我尝试过 背景尺寸：封面； //在调整浏览器大小的同时从侧面裁剪图像

背景大小：100％100％； //它正在缩小图像，其长宽比对于实际图像而言已消失，但图像的画布仍保持其长宽比不变

.class {
    max-width: 100%;
    height: 100%;
    background-position: center;
    background-size: 100% 100%;
  }

.class {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
  }

在调整浏览器/移动设备的大小时，图像不应被裁剪或缩小，严格保持其宽高比。