图片不自动缩放

如果你希望图片不自动缩放，可以通过设置CSS样式来实现。以下是一些常见的解决方法：

1. 使用CSS属性max-width: 100%;和height: auto;来确保图片最大宽度为父容器的宽度，并且保持原始高宽比。例如：

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

2. 使用CSS属性object-fit: none;来确保图片不会被拉伸或压缩，但可能会被裁剪。例如：

img {
  object-fit: none;
}

3. 使用HTML属性width和height来指定图片的固定宽度和高度。请注意，这种方法可能导致图片变形。例如：

<img src="example.jpg" width="500" height="300">

4. 使用JavaScript动态设置图片的宽度和高度，以确保图片不自动缩放。例如：

const img = document.querySelector('img');
img.style.maxWidth = '100%';  // 或者 img.setAttribute('style', 'max-width: 100%;');
img.style.height = 'auto';  // 或者 img.setAttribute('style', 'height: auto;');

这些方法可以根据具体的需求和页面结构进行调整和组合使用。