动态图像宽度，单位为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/

如何让它将li标签内的图像调整为？

Answer 1

您可以使用CSS：

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

Answer 2

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

100％将确保图像宽度/高度保持与li的宽度/高度相同。