Django：使用不同的宽度/高度比率调整图像大小

Question

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

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

或者

^{pr2}$

但是，我的图片有不同的宽高比和不同的绝对大小（允许用户更灵活地上传图像）。现在，第一种方法在不考虑图像的绝对大小的情况下保持纵横比，而第二种方法固定了绝对大小，但不能适应不同的纵横比。 保持宽高比并提供固定绝对大小（宽度或高度较大者）的图像大小的首选方法是什么？ E、 它可以通过重新计算宽度和高度与基础数学，但我还没有找到一个方便的方法来做这个模板。在

Answer 1

尝试max-width，min-width，等等，例如width: 20%; min-width: 200px;。在

在这里，max-width等将确保图像不太小或太大，而{}百分比将使图像在{}等规定的限制内尽可能响应