html - HTML 画像の相対サイズが Chrome で期待どおりに伸びない

Question

この画像が高さを幅に合わせて伸ばさない理由は何ですか?

Webkitのみ！

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

編集: 多くの人が問題を抱えています。Chrome を使用してください

Answer 1

異なるデータをレイアウトするための複数のテーブルと複数の画像がある場合を除き、tableまたはtdで同じスタイルを定義できimgます。 ChromeIEFirefox

Fiddle のサンプルhttp://jsfiddle.net/2BdQT/

また

css :

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

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

<strong>html:

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

    </tr>
</table>

</p>

Answer 2

これはあなたができる最善のことです: 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%;
}

Answer 3

タグtdのtable代わりにスタイルを設定する必要がありますimg

jsフィドル