jquery - ul/li の動的画像幅

Question

ウィンドウのサイズ変更時に li の幅を動的に設定するコードがあります。現在の li タグの数で 100% を割ります。

コードは次のようになります。

$(document).ready(function() {
    var num = $('li').length;
    var width_li = 100 / num;
    $('li').css('width', width_li + '%');
});​

ここでテストしてください: http://jsfiddle.net/jbew7/

li タグ内の画像のサイズを変更するにはどうすればよいですか?

Answer 1

CSS を使用できます。

li img {
   width: 100%;
   height: auto;
}

Answer 2

li img {
   width: 100%;
   height: 100%;
}

100% パーセントは、画像の幅/高さが li.. の幅/高さと同じであることを確認します。