限制img的大小，同时仍有响应

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

window.addEventListener('resize', function() {
  var img = document.getElementById('myImage');
  var maxWidth = 500; // 设置最大宽度
  var windowWidth = window.innerWidth; // 获取窗口宽度
  var width = Math.min(maxWidth, windowWidth); // 计算应该设置的宽度
  var height = width * (img.naturalHeight / img.naturalWidth); // 计算应该设置的高度
  img.style.width = width + 'px';
  img.style.height = height + 'px';
});

const imageUrl = 'https://example.com/image.jpg';
const width = 500; // 设置图片宽度
const height = 0; // 设置图片高度为0，表示自动计算高度
const quality = 80; // 设置图片质量为80%
const processedImageUrl = `https://example.com/image.jpg?imageView2/2/w/${width}/h/${height}/q/${quality}`;