HTML图像相对大小未在Chrome中按预期延伸

Question

这张图片的高度是不是因为它的宽度而拉伸的原因是什么？

仅限Webkit！

http://jsfiddle.net/CgEhg/8/

编辑：很多人遇到问题，只需使用Chrome

Answer 1

除非您有多个表格和多个图片用于不同的数据布局，否则您可以为table或td img定义相同的样式，这应该适用于{{1} }以及Chrome和IE。

小提琴上的示例http://jsfiddle.net/2BdQT/

或

css ：

Firefox

<强> HTML ：

table, img
{
    height:40px;
    width:40px;
}

td,tr,tbody
{
    width:100%;
    height:100%;
}

Answer 2

您需要设置td table的样式，而不是img标记

<强> jsFiddle

Answer 3

这是您可以做的最好的事：http://jsfiddle.net/CgEhg/41/

<table  border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><img src="http://www.google.com/logos/2012/stgeorge12-hp.png" /></td>       
    </tr>
</table>

table{
    height:40px;
    width:40px;
}    
img{
    height:auto;
     width:100%;
}
td,tr,tbody{
    height:100%;
    height:100%;
}