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等，例如-width: 20%; min-width: 200px;。

此处max-width等将确保图像不会太小或太大，而width的百分比将使图像在max-width等施加的限制内尽可能地响应。< / p>