Question

当我使用它时，它填充框并失去比例：

<img src="test.jpg" width="120" height="120" border="0">

当我使用它时，图像可能太高了：

<img src="test.jpg" width="120" border="0">

当我使用它时，图像太宽了：

<img src="test.jpg" height="120" border="0">

有没有办法将图像的大小设置为120x120尺寸，同时仍然保持宽高不会在宽度或高度上拉伸？

由于

Answer 1

除非您裁剪图像或将其调整为具有相同方面的分辨率，否则无法保留宽高比。

您可以使用php的GD库来处理图像，并尝试根据您的喜好对其进行修改。在网上搜索有关如何操作以及如何使用GD库的示例。

Answer 2

我认为这是最好的方法吗？如果我错了，请纠正我......

<img style="max-width: 120px; max-height: 120px;" src="test.jpg" border="0">

Answer 3

您可以使用高度设置为auto的CSS：

<img src="test.jpg" style="width:120px; height: auto;" />

这样它可以放在一个120px X 120px的盒子里，但它不会填充空间，但它会适合它。

Answer 4

对于图像大小调整，请查看以下内容：

这应该指向你想要实现的目标。