Django：调整具有不同宽度/高度比的图像答案

【问题标题】：Django: resize images with different width/height ratiosDjango：调整具有不同宽度/高度比的图像
【发布时间】：2018-09-12 15:32:12
【问题描述】：

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

<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;。
似乎完成了工作，谢谢@psinaught！随时将其发布为答案，以便我将其标记为正确。

标签： python html django

【解决方案1】：

试试max-width、min-width等。例如-width: 20%; min-width: 200px;。

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

【讨论】：

欢迎。虽然这个答案可能是正确的，但为您的答案提供详细解释是一种很好的做法。这将有助于发帖人和其他人理解解决方案。