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