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);