容器中显示的图像 - 如何缩小和保持纵横比

Question

我的图像空间为250x250像素。图像保存在服务器上，文件名保存在数据库中。

现在我只设置了img-src标签，宽度= 250，高度= 250 - 但是会发生的情况是，如果图片中的图片高于亮度将不会以正确的关系显示，因为我会破坏关系。

那么如何设置正确的宽度和高度，最大可达250px但在图像的关系范围内？

Answer 1

试试这个：

<div style="height: 250px;width:250px">
    <img src="yourimage.jpg" style="max-width: 100%; max-height: 100%;">
</div>

Answer 2

我使用这个：

 System.Drawing.Image img = System.Drawing.Image.FromFile(path);
                int height = img.Height;
                int width = img.Width;

                string hwText = "";

                if (height > width) //Höher als Breiter
                {
                    hwText = "height='250px'";
                }
                else //Breiter als Höher
                {
                    hwText = "width='250px'";
                }