如何设置Image View大小取决于从服务器加载时的屏幕大小？

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

/* 当屏幕宽度小于等于 600px 时，设置 Image View 最大宽度为 300px */
@media (max-width: 600px) {
  img {
    max-width: 300px;
  }
}

/* 当屏幕宽度大于 600px 时，设置 Image View 最大宽度为 600px */
@media (min-width: 601px) {
  img {
    max-width: 600px;
  }
}

window.addEventListener('resize', function() {
  var screenWidth = window.innerWidth;
  var screenHeight = window.innerHeight;
  
  // 根据需要的比例计算出 Image View 的宽度和高度
  
  // 设置 Image View 的宽度和高度
});