jQuery改变了iframe的大小

Question

我有一个函数可以在每次加载新内容时更改iframe的大小。

它工作正常，但有一点问题：

如果我打开一个大内容，其大小会改变为正确的高度。如果我在之后加载较小的内容，高度保持不变（从大内容），它不会变短。

我不知道为什么，我该如何解决？

$("#mainframe").load( function () {
  var c = (this.contentWindow || this.contentDocument);
  if (c.document) d = c.document;
  var ih = $(d).outerHeight() + 10;
  var iw = $(d).outerWidth();
  $(this).css({
    height: ih,
    width: iw
  });  
});