瀏覽器調整大小後可變寬度不會改變

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使用。