保持图像宽高比，固定高度

Question

我正在使用表格中的一些图标，我希望保持图标的宽高比。

高度必须相同（18px），但宽度可以变化。

我已经看到其他解决方案，当宽度固定，高度设置为自动，如下this solution

img {
  width:  75px;
  height: auto;
}

我的表格下面有一些示例代码（至少只是表格中的一个单元格）

<td class="set_symbol" style="text-align: center;">
  <img src="/static/img/symbols_large/Gatecrash_Uncommon.gif" style="height: 18px;">
</td>

我想要做的是将图像的高度保持在18像素，并使宽度适合宽高比。

另外，我对浏览器没有任何疑虑。所以，如果它需要CSS3或其他什么，无所谓。

Answer 1

  

我想要做的是将图像的高度保持在18像素，并使宽度适合宽高比。

这样做你想要的：

img { 
    height: 18px;
}

See demo here.

请注意，如果您想保持较小的小图片，可以使用max-heigth代替height。