CSS在更改窗口大小时调整图像大小小于容器大小

是通过使用CSS的max-width属性来实现的。当窗口大小改变时，图像会根据容器的大小自动调整。

具体实现方法如下：

1. 首先，确保图像被包含在一个容器元素中，可以是<div>、<figure>等。
2. 在CSS中，为容器元素设置一个固定的宽度，可以使用像素（px）或百分比（%）来指定。
3. 使用max-width属性为图像设置最大宽度，将其值设置为100%。这样，当窗口缩小时，图像的宽度将自动调整为容器的宽度。

示例代码如下：

<div class="container">
  <img src="image.jpg" alt="Image" />
</div>

.container {
  width: 100%;
}

.container img {
  max-width: 100%;
  height: auto;
}

这样，当窗口大小改变时，图像将自动适应容器的大小，保持比例并避免图像变形。

推荐的腾讯云相关产品：腾讯云对象存储（COS）

• 产品介绍链接地址：腾讯云对象存储（COS）

腾讯云对象存储（COS）是一种安全、高可靠、低成本的云端存储服务，适用于存储海量文件、大数据分析、静态网站托管等场景。它提供了简单易用的API接口和控制台操作，可以方便地进行文件的上传、下载、管理和访问控制。同时，腾讯云对象存储（COS）还具备高可靠性和高可用性，能够保证数据的安全性和可靠性。