jquery調整大小隻有有時在窗口調整大小

Question

我有一個div，我希望寬度是屏幕寬度的20％，然後有高度也是這個值是什麼。我已經使用jQuery窗口寬度來設置它，但它似乎是非常不一致的。它只是有時會更改值，並且僅在窗口擴展時纔會更改，關閉窗口時它不會執行任何操作。

你可以看到這個在這裏演示：http://jsbin.com/otuvik/2/edit

感謝有這方面的幫助。

Answer 1

的document和window是不一樣的東西：

$(document).ready(function() { 

    $(window).on('resize', function() { 
    $('#wrapper').css('width', $(window).width()); 
    $('#circle').css({ 
     height: $(window).width() * 0.2, 
     width : $(window).width() * 0.2 
    }); 
    }).trigger('resize'); 

}); 

FIDDLE