Django：调整具有不同宽高比的图像

Question

对于显示许多图片的页面，我使用类似的东西

<img src='{{ instance.piece_image.url }}' hspace='40' vspace='40' style='width:16%;height:16%;'/>

要么

<img src='{{ instance.piece_image.url }}' hspace='40' vspace='40' width='250px' height='250px'/>

但是，我的图像具有不同的宽高比，并且绝对尺寸不同（为用户上传图像提供了更大的灵活性）。现在第一种方法保持纵横比而不考虑图像的绝对尺寸，而第二种方法固定绝对尺寸但不适应不同的纵横比。保持纵横比并提供固定绝对尺寸（宽度或高度越大）的尺寸调整大小的首选方法是什么？例如。它可以通过基本数学重新计算宽度和高度来实现，但我还没有找到一种方便的方法在模板中执行此操作。

Answer 1

尝试max-width，min-width等eg-width: 20%; min-width: 200px;。

在这里max-width等将确保图像不是太小或大，而width百分比将使图像尽可能响应max-width等限制。