调整图像大小以适应asp.net javascript中的图像控制

我根据选择的菜单项更改标题中的图像。问题是图像在图像控件中拉伸。我希望它能自动缩放而不扭曲图像。这可能吗

注意：图像位于图像文件夹中，并且大小不尽相同

Javascript

<script type="text/javascript">

    function ChangeProjectImage(imgpath) {
        var img1 = document.getElementById("Image2")
        img1.src = imgpath;
    }

</script>

函数ChangeProjectImage（imgpath）{
var img1=document.getElementById（“Image2”）
img1.src=imgpath；
}

我建议设置CSS属性“宽度”。使用适合您的需要和图像的宽度。其实施方式如下：

width:300px;

---

因为你不想扭曲你的图像，你可能应该使用最小的宽度，你的图像。所有图像都有不同的宽度，但由于“宽度”属性设置为

80px

，它们看起来都是相同的宽度，没有失真。

我认为你不能自动缩放，除非你知道你想要的缩放量

CSS

Zoom:200%;

---

因此，我必须从数学上计算出图像的大小，然后相应地设置缩放样式？你的解决方案非常有效！非常感谢。我确保不设置height属性，因为这会扭曲它。