设置background-size: 100% 100%; 后图像依然保持纵横比例，导致图像的一部分被裁剪掉了，我不期望这样

如果设置了 `background-size: 100% 100%;` 后，图像依然保持纵横比例，可能是因为父元素的宽高比例不同于背景图像的宽高比例，导致图像被裁剪掉了。

为了解决这个问题，你可以使用 `background-size: contain;` 属性来让背景图像完整地显示在容器中，并保持其宽高比例。这样会让背景图像缩放到适合容器大小的比例，并且完整地显示在容器中。

完整的CSS代码如下：

body {
  background-image: url("your-background-image-url");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

其中，`background-repeat: no-repeat;` 用于防止背景图像重复，`background-position: center center;` 用于让背景图像在容器中居中显示。