对于显示许多图片的页面，我使用类似的东西
<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'/>
但是，我的图像具有不同的宽/高比，并且绝对大小不同(为上传图像的用户提供了更大的灵活性(。现在，第一种方法保持纵横比，但不考虑图像的绝对大小，而第二种方法固定绝对大小，但不适应不同的纵横比。调整图像大小的首选方法是什么，保持纵横比并提供固定的绝对大小(宽度或高度较大者(？例如，可以通过使用基本数学重新计算宽度和高度来实现，但我还没有找到在模板中执行此操作的便捷方法。
尝试max-width、min-width等，例如width: 20%; min-width: 200px;。
在这里，max-width等将确保图像不会太小或太大，而百分比width将使图像在max-width等规定的限制内尽可能响应。