浏览器调整大小后可变宽度不会改变

Question

我有两个li，它们使用javascript，与某个li的宽度相同。李是流体的CSS，所以它根据浏览器宽度而变化。当我加载页面时，li的宽度与另一个li的宽度相同。

当我调整浏览器的大小时，li的宽度不会改变，直到我重新加载页面。如何让我的li在浏览器调整大小时自动调整大小，而不是在加载页面时进行更改？当你调整您的浏览器

Answer 1

var width = $('li.more').width(); 
$('li.more ul li').css({'width':width+'px'}); 

Answer 2

http://api.jquery.com/resize/

$(window).resize(function() { 
    width = $('li.more').width(); 
}); 

VAR width将改变你可以使用$(window).resize来实现这一目标：

$(window).resize(function() { 
    width = $('li.more').width(); 
    $('li.more ul li').css({'width':width+'px'}); 
}); 

这里的大小调整的jsFiddle example使用。