html - 在具有不同分辨率的 <td> 中插入图像

Question

我有一个包含 3 行的表格，其中一个是这个:

  <tr>
  <td>Logo Programma</td>
  <td>Giorno</td>
  <td>Giorno</td>
  <td>Put the image here</td>
  </tr>

现在我想添加一张图片，我已经使用了这样的标签

<td><img src="image.jpg" alt=""></td>

分辨率是 788x592 但我不想使用 788x592 像素，它会很大! 所以我想保持比例但分辨率较低。

Answer 1

要在设置新尺寸的同时保持图像的比例，请执行以下操作:

<td><img src="image.jpg" alt="" style="width:200px; height:auto;"></td>

这会将宽度设置为 200px，高度会自动调整以保持比例。您还可以计算应该的高度并将其添加为固定数字。