要保持背景图片的纵横比，可以使用CSS的background-size属性和background-position属性来控制背景图片的尺寸和位置。

下面是一个示例代码，展示如何保持背景图片的纵横比：

HTML部分：

CSS部分：

.container {
  width: 100%; /* 设置容器宽度 */
  height: 0; /* 设置容器高度为0，保持纵横比 */
  padding-bottom: 56.25%; /* 设置容器的底部内边距为容器宽度的百分比，这里是16:9的纵横比 */
  background-image: url("your-image.jpg"); /* 设置背景图片 */
  background-size: cover; /* 将背景图片缩放到完全覆盖容器 */
  background-position: center center; /* 将背景图片居中显示 */
}

在上面的代码中，我们通过设置容器的宽度和底部内边距来保持纵横比。具体来说，我们将容器的高度设置为0，并将底部内边距设置为容器宽度的百分比。这里使用的是16:9的纵横比，所以底部内边距设置为56.25%（9除以16得到的结果）。

然后，我们设置了背景图片的URL，并使用background-size属性将其缩放到完全覆盖容器。最后，通过background-position属性将背景图片居中显示。

这样，无论容器的大小如何改变，背景图片都会保持原始的纵横比。您可以根据需要调整容器的宽度和底部内边距，以适应不同的纵横比。