Div高度相對於另一個窗口調整大小

Question

我的功能如下，在初始加載時正確加載並設置div高度以匹配視頻的高度。但是，當我調整窗口的大小時，元素#top-content的高度就會下降。

jQuery(window).resize(function() { 
    var vidHeight = jQuery('video').height(); 
    jQuery('#top-content').css({ 
     'height': vidHeight + 'px' 
    }); 
    var vidPicHeight = jQuery('.video-element').height(); 
    jQuery('#top-content').css({ 
     'height': vidPicHeight + 'px' 
    }); 
    console.log(vidHeight); 
}).trigger('resize'); 

我有一個控制檯日誌運行，它的變量vidHeight正在改變，因爲調整窗口大小，它只是沒有更新的風格。

Answer 1

試試這個

var vidHeight = jQuery('video').height(); 
    jQuery('#top-content').css('height', vidHeight);