動態圖像寬度在ul/li

Question

我有代碼，動態調整窗口大小的li寬度。它將100％與當前的li標籤數量分開。

代碼如下所示：

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

測試在這裏： http://jsfiddle.net/jbew7/

我怎樣才能使調整圖像的李標籤內是什麼？

Answer 1

您可以使用CSS：

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

Answer 2

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

100％％將確保圖像的寬度/高度保持相同李的寬度/高度..