Изменение размера iframe, когда содержимое меньше размера по умолчанию (300x150)

Question

В моем текущем сценарии у меня есть страница, загружающая iframe. Содержимое iframe не может быть определено заранее, поэтому мне нужно динамически регулировать размер с помощью javascript. Код я использую для достижения этой цели заключается в следующем:

newIframe.onload = function() { 
    var cw = newIframe.contentWindow; 
    var doc = cw.document; 
    var body = doc.body, 
     html = doc.documentElement; 

    var height = Math.max(body.scrollHeight, body.offsetHeight, 
     html.clientHeight, html.scrollHeight, html.offsetHeight); 

    var width = Math.max(body.scrollWidth, body.offsetWidth, 
     html.clientWidth, html.scrollWidth, html.offsetWidth); 

    newIframe.style.width = width + "px"; 
    newIframe.style.height = height + "px"; 
} 

Все работает, как ожидается, кроме случаев, когда содержание фрейма меньше, чем ширина = 300 или высота = 150. Когда это так (например, iframe содержит только изображение w: 160 и h: 600), вычисленная ширина неверна.

Answer 1

Установив начальную ширину и высоту iframe на 0, проблема исчезнет, ​​поскольку эти значения будут использоваться как значения по умолчанию.