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