使图像适合响应大小的td的高度

Question

当使用div而不是td时，这很有效：

<div style='height:50%;width:50%;'>
     <img style='height: inherit;' src='https://placehold.it/200x1000'>
</div>

但是将它应用于td并不起作用，而是将td扩展为图像源的大小：

<table style='height:50%;width:50%;'>
    <tr>
      <td>
        <img style='height: inherit;' src='https://placehold.it/200x1000'>
      </td>
    </tr>   
</table>