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..