Question

我基本上有：

echo '<img height="70" width="120" src="'.$img.'">';

我的大多数图片都已经是这些尺寸，但偶尔也会有其他尺寸，例如150x150。在这些情况下，我只是希望浏览器将较大的图像卡入较小的空间。如果图像不完美，我真的不在乎。

我的问题是这没有发生。尽管指定了尺寸，但任何不是那些尺寸的图像仍然以其原始尺寸显示，并且它会弄乱我的布局。

即使源图像不是那些尺寸，如何确保显示的图像采用我在标签中指定的尺寸？

编辑：我也意识到调整原始图像的大小可能是“理想”的解决方案，在我看来这是不切实际的。

Answer 1

那应该照顾它，听起来不像css覆盖你指定的尺寸。请改为style="height: 70px; width: 120px;"？

Answer 2

尝试仅为要约束较小空间的图像指定一个尺寸。

示例：

<img width="50" src="http://www.example.com/myimage.png">

Answer 3

有几种方法可以做到这一点。

您可以在PHP中读取文件并检测图片的实际尺寸，然后适当地填充宽度/高度。

或者，您可以使用外部脚本来处理图像。我自己使用了一个拇指脚本，并且有很多there。它们允许您定义文件，宽度和/或高度，并将返回限制为这些尺寸的图片。图片标签最终会看起来像这样：

  <img alt="Pic" src="/path/to/thumb.php?file=images/somepic.png&size=75" />