使图像100％高度变化高度td

Question

我有一个响应高度的表，并希望其中的图像适合td的高度，但它溢出到图像源高度，我花了几个小时就没有运气了。基本测试用例：

         <table style='height:50%;width:50%;'>
            <tr>
              <td>
                <img style='height:100%;' src='https://placehold.it/192x1200'>
              </td>
            </tr>
            <tr>
              <td>
                bob
              </td>
            </tr>
         </table>

Answer 1

使用相对于图片父级的位置[td]，并按百分比应用尺寸。