对齐HTML表格中的图像

Question

我有一个1x2 HTML表格，它将成为电子邮件的标题。第一列包含一个链接的图像，第二个标题。

 <table>   
     <tr> 
      <td width="50%" style="text-align:left; padding-left:10%;"> 
       <a target="_blank" href="http://www.google.com/"> 
        <img src="img/logo.jpg" alt="Logo" 
        style="width:30%; height:30%;" 
        /> 
       </a> 
      </td> 

      <td width="50%" style="text-align:right; padding-right:10%;"> 
       <h2>Order Confirmation</h2> 
      </td> 
     </tr> 
    </table> 

正如可以看到，在左单元图像左对齐，并在正确的细胞的标题对齐右，与从边缘（填充）10％的空间的每个元素。

问题：我的图像尺寸被扭曲了！我将img的宽度和高度均设为30％，但仍然变形。我猜这与桌子有关，但我无法弄清楚。让我知道！

ps：我必须为这个项目使用内联样式和表格。

Answer 1

如提及以下SO {} Resize image proportionally with CSS?

你不应该试图和约束两个维度，只是设置你的宽度30％，你的身高为“自动”。给那一枪。