当包含它的DIV类的大小正确时，我如何纠正拉伸不成比例的图像？

当包含图像的DIV类的大小正确时，可以通过以下方法纠正拉伸不成比例的图像：

使用CSS属性：设置图像的背景大小为cover或contain，以确保图像在DIV中按比例缩放并填充满整个DIV。例如：

.div-class {
  background-image: url('image.jpg');
  background-size: cover; /* 或者使用contain */
  background-repeat: no-repeat;
  background-position: center;
}

这将根据DIV的大小自动调整图像的比例，使其完全显示。

使用CSS属性：设置图像的宽度或高度为100%，并将其位置设置为绝对定位，以确保图像在DIV中按比例缩放并居中显示。例如：

.div-class {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%; /* 假设图像的宽高比为2:1 */
}

.div-class img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

这将根据DIV的宽度自动调整图像的高度，并保持宽高比例不变。

使用JavaScript：通过计算图像的宽高比例，并根据DIV的大小调整图像的宽度或高度，以确保图像按比例缩放并完整显示。例如：

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

<script>
  window.addEventListener('load', function() {
    var div = document.querySelector('.div-class');
    var img = div.querySelector('img');
    var aspectRatio = img.naturalWidth / img.naturalHeight; // 获取图像的宽高比例
    var divWidth = div.offsetWidth;
    var divHeight = divWidth / aspectRatio; // 根据宽高比例计算图像的高度
    img.style.width = divWidth + 'px';
    img.style.height = divHeight + 'px';
  });
</script>

这将在页面加载完成后，根据DIV的宽度自动调整图像的宽度和高度，使其按比例缩放并完整显示。

以上方法可以根据DIV的大小自动调整图像的比例，确保图像在不拉伸的情况下完整显示。对于腾讯云相关产品和产品介绍链接地址，可以根据具体需求选择适合的云存储、云图片处理等产品，具体推荐产品和链接地址可参考腾讯云官方文档或咨询腾讯云客服。