如何使用“包含”选项调整图像的大小，但保留原始尺寸的纵横比？

使用“包含”选项调整图像的大小，但保留原始尺寸的纵横比是通过CSS中的background-size属性来实现的。

background-size属性用于指定背景图片的尺寸大小。当设置为"contain"时，背景图片会被缩放以适应容器，并保持原始尺寸的纵横比。具体操作如下：

1. 在HTML文件中，为需要调整大小的元素添加一个类或ID，例如：

<div class="image-container"></div>

1. 在CSS文件中，为该类或ID选择器添加样式，并设置background-size属性为"contain"：

.image-container {
  background-image: url('image.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 500px; /* 设置容器的宽度 */
  height: 300px; /* 设置容器的高度 */
}

在上述代码中，我们设置了容器的宽度为500px，高度为300px，并将背景图片的尺寸调整为适应容器大小，但保持原始尺寸的纵横比。背景图片将会被缩放以适应容器，并且不会变形。

推荐的腾讯云相关产品是对象存储（COS），它是一种云存储服务，可用于存储和管理大规模的非结构化数据，如图片、音视频文件等。您可以通过腾讯云COS存储您的图片文件，并在CSS中使用URL指定图片的路径。

腾讯云COS产品介绍链接地址：https://cloud.tencent.com/product/cos