#mydiv{
    top: 50px;
    left: 50px;
    width: 200px;
    height: 200px;
}

我的HTML看起来像这样

<div id = "mydiv">
    <img src = "folder/file.jpg" width = "200px" height = "200px">
</div>

无论实际图像的分辨率如何,我希望我的网络图像始终保持相同的大小(以1：1的比例).如果我的实际图像文件是平方的(以1：1的比例),那么这不是问题.但是,如果实际的图像文件不是正方形,那么所显示的网页图像会拉伸到div的高度和宽度的100％(在这种情况下为200px).

如何获得不同的图像尺寸以适合我的DIV？